日星网

- 我的工作内容记录网站

0%

Google 高级搜索应用技术

语法 说明 演示
+ 搜索结果要求包含两个及两个以上的关键字 网站 +HTML5
- 表示逻辑“非”操作,排除相应的关键字 网站 -java
“”与() 可以用来搜索完整句子,可包括空格 “网站HTML5”
OR(要大些)与 搜索结果至少包含多个关键字中的任意一个
Intitle与allintitle 对网页标题的关键字查询 intitle:网站
Inurl与allinurl 查找网址链接的关键字 inurl:html5 网站
Intext与allintext 之搜索网页body部分中包含的文字 intext:网站
site: 搜索结果局限于某个具体网址或者网站频道 site:ttwinbug.com 网站
filetype与ext 用于文件文档搜索 filetype:pdf 网站
link 搜索所有链接到某个URL地址的网页 link:www.ttwinbug.com
related: 用来搜索结构内容方面相似的网页 related:www.ttwinbug.com
cache: 从Google服务器上缓存页面中查询信息 cache:ttwinbug.com
info: 用来显示与某连接相关的一系列搜索 info:ttwinbug.com

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
</head>

<body>
<script type="text/javascript">
var area = "";
try
{
if(geoip_country_code() != "" && geoip_country_code() != null)
area += geoip_country_code()+", ";
if(geoip_city() != "" && geoip_city() != null)
area += geoip_city()+", ";
if(geoip_region_name() != "" && geoip_region_name() != null)
area += geoip_region_name()+", ";
if(geoip_country_name() != "" && geoip_country_name() != null)
area += geoip_country_name();

document.write(area);
}
catch(err)
{
area="";
}
</script>
</body>
</html>

通过maxmind.com公司提供的iP数据库接口,可以查询当前客户机的IP所在地。

缺点是不能查询指定IP。

JQuery 提供了两种方式来阻止事件冒泡。

1
2
3
4
5
方式一:event.stopPropagation();

$("#div1").mousedown(function(event){
event.stopPropagation();
});

方式二:return false;

1
2
3
$("#div1").mousedown(function(event){
return false;
});
阅读全文 »

在日常工作中,经常使用javascript来跳转网页,到指定的页面。
通过总结多年的Javascript使用经验,总结出以下5种方法。以供大家参考

第一种:

1
2
3
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
阅读全文 »

用过jQuery的scroll事件的人都知道,在每次拖动滚动条的时候会相应的事件会相应多次,而在大多数情况下我们都只希望它在滚动条停止滚动的时候响应。经过多次测试,终于发现了一个比较好的解决方案,那就是通过setTimeout,给scroll加个延迟。例如用jQuery为页面加入 scroll事件,可以这样写:

1
2
3
4
5
6
7
var timeout = false;   
$(window).scroll(function(){
if (timeout){clearTimeout(timeout);}
timeout = setTimeout(function(){
//do
},100);
);

方法一

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript"> 
if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")<0){
try{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
window.location.href="手机页面";
alert('mobile');
}else if(/iPad/i.test(navigator.userAgent)){
window.location.href="平板页面";
alert('ipad');
}else{
window.location.href="其他移动端页面"
alert('no');
}
}
catch(e){}
}
}else{
alert('PC');
}
</script>
阅读全文 »

方法一:用触发手机的横屏和竖屏之间的切换的事件

1
2
3
4
window.addEventListener("orientationchange", function() {
// 宣布新方向的数值
alert(window.orientation);
}, false);

方法二:监听调整大小的改变

1
2
3
window.addEventListener("resize", function() {
// 得到屏幕尺寸 (内部/外部宽度,内部/外部高度)
}, false);
阅读全文 »

如何实现刷新当前页面呢?借助js你将无所不能。

1,reload 方法,该方法强迫浏览器刷新当前页面。
语法:location.reload([bForceGet])
参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)

2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。
语法: location.replace(URL)
通常使用: location.reload() 或者是 history.go(0) 来做。
此方法类似客户端点F5刷新页面,所以页面method=”post”时,会出现”网页过期”的提示。
因为Session的安全保护机制。
当调用 location.reload() 方法时, aspx页面此时在服务端内存里已经存在, 因此必定是 IsPostback 的。
如果有这种应用: 需要重新加载该页面,也就是说期望页面能够在服务端重新被创建,期望是 Not IsPostback 的。
这里,location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。
代码: location.replace(location.href);

阅读全文 »

jquery中使用load加载外部html文件,不执行JavaScript的解决办法
最近自己在写jquery的扩展插件

遇到个问题就是,使用load加载外部的html文件,但是加载了想要加载的内容之后,发现JavaScript不执行,并没有加载进来,上网看了看解决办法

找到答案如下

load加载的外部文件会把Script部分删除掉

所以推荐使用$.get来异步加载外部页面,具体代码如下

1
2
3
4
5
6
$.get('partial.html', function(result){
$result = $(result);

$result.find('#content').appendTo('#new_content');
$result.find('script').appendTo('#new_content');
}, 'html');

利用jQuery对对象进行排序。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>jQuery数组和字符串--对象数组排序</title>
<script type="text/javascript" src="../jquery-1.3.2.min.js"></script>

<script type="text/javascript">

<!--
$(
function()
{
var students =[
{'sid':'ST001','sname':'张三','sage':18},
{'sid':'ST004','sname':'赵六','sage':23},
{'sid':'ST002','sname':'李四','sage':42},
{'sid':'ST003','sname':'王五','sage':35}
];
//表格显示
$.each(students,
function(index, value)
{
$('#ia').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>');
}
);
//按照SID排序
var sidOrder = students.sort(
function(a, b)
{
if(a.sid < b.sid) return -1;
if(a.sid > b.sid) return 1;
return 0;
}
);
$.each(sidOrder,
function(index, value)
{
$('#ib').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>')
}
);
//按照SAGE排序
var sageOrder = students.sort(
function(a, b)
{
return (a.sage - b.sage);
}
);
$.each(sageOrder,
function(index, value)
{
$('#ic').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>')
}
);
}
);
//-->
</script>
</head>
<body>
<h5>未排序对象数组:</h5>
<table id='ia' border="1"></table>

<h5>按照SID排序对象数组:</h5>
<table id='ib' border="1"></table>

<h5>按照SAGE排序对象数组:</h5>
<table id='ic' border="1"></table>

</body>
</html>