html心得技巧
日期：2014-05-17 浏览次数：20640 次
html经验技巧
1 在<head>和</head>中间插入
其中content中的第一个参数为定时n(秒)，第二个参数为n秒后自动跳转到的URL
2 用javascript
或者
或者
这三者是等同的，第三种是标准写法，但最不常用，前两者是简便写法。第三种写法据说在IE中有跨站漏洞，这里 有段示例代码，没看懂，运行一下也没看出什么问题，哪位大牛看懂了给解释一下，感激不尽！
3 用javascript
这种方法的好处是：按“后退”按钮无法返回跳转前的页面。我在Firefox和IE中测试都通过了。
防止自己的网页被人"框架"
? top.location.href ? 最上层的地址 ?
? windows.location.href自己的地址
? top.location.href ? 最上层的地址 ?
? windows.location.href自己的地址
如防止别人直接
?
? <iframe ? src="www.163.com"></iframe> ?
? 这样他的网页就盗用你的信息了
? <iframe ? src="www.163.com"></iframe> ?
? 这样他的网页就盗用你的信息了
此处top
属性:设置或获取对象相对于文档层次中下个定位对象的上边界的位置
?
Location.href
返回整个当前url,若对其赋值：
location.href=" http://www.sina.com.cn "则跳转其url
location.host 返回域名和端口号，如： www.sina.com.cn:80
lcation.hostname 返回域名
location.port 返回端口
location.pathname 返回域名后第一个斜框后的字符串
location.hash 跳到本页的某个锚
location.search 取url?后的部分
javascript 的history对象
history.back() 等同于按浏览器的后退按钮
history.forward() 等同于按浏览器的前进按钮
history.current 指当前的url(等同于location.href),
在历史中的索引位置总为 0
history.go(-2)或 history.go("任意.html") 向前或向后移动，
或查找字符串标明的最新url
location.href=" http://www.sina.com.cn "则跳转其url
location.host 返回域名和端口号，如： www.sina.com.cn:80
lcation.hostname 返回域名
location.port 返回端口
location.pathname 返回域名后第一个斜框后的字符串
location.hash 跳到本页的某个锚
location.search 取url?后的部分
javascript 的history对象
history.back() 等同于按浏览器的后退按钮
history.forward() 等同于按浏览器的前进按钮
history.current 指当前的url(等同于location.href),
在历史中的索引位置总为 0
history.go(-2)或 history.go("任意.html") 向前或向后移动，
或查找字符串标明的最新url
?
用javascript
location.reload() 刷新页面
〖刷新〗命令的实现
[格式]:location.reload() 或 history.go(0)
[说明]浏览器重新打开本页。
[举例]在<body></body>之间加入：
<a href="#" onclick=location.reload()>刷新</a>
或加入:<a href="#" onclick=history.go(0)>刷新</a>
[说明]浏览器重新打开本页。
[举例]在<body></body>之间加入：
<a href="#" onclick=location.reload()>刷新</a>
或加入:<a href="#" onclick=history.go(0)>刷新</a>
?
页面跳转方法共有以下几种：
1 在<head>和</head>中间插入
<META
HTTP-EQUIV="refresh"
content="1;URL=http://www.google.com/">
其中content中的第一个参数为定时n(秒)，第二个参数为n秒后自动跳转到的URL
2 用javascript
window.location.href="http://www.google.com";
或者
window.location="http://www.google.com";
或者
window.location.assign("http://www.google.com");
这三者是等同的，第三种是标准写法，但最不常用，前两者是简便写法。第三种写法据说在IE中有跨站漏洞，这里 有段示例代码，没看懂，运行一下也没看出什么问题，哪位大牛看懂了给解释一下，感激不尽！
3 用javascript
location.replace("http://www.google.com")
这种方法的好处是：按“后退”按钮无法返回跳转前的页面。我在Firefox和IE中测试都通过了。
location对象的其它属性：
location提供了关于当前打开窗口或者特定框架的url信息。一个多框架的窗口对象在location属性显示的是父窗口的URL，每个框架也有一个与之相伴的location对象。-
hash属性：location.hash返回当前框架的URL中’#’号之后(包括’#’号)的部分，即URL的锚点
-
host属性：描述URL的主机名和端口，只有端口号是URL的一个明确部分时，值中才包括端口号。
-
hostname属性：同host属性，但不包括端口号
-
href属性：该属性提供一个指定窗口对象的整个URL的字符串。
-
pathname属性：URL的路径名部分，主机名之后的部分，不包括锚点和query(即’?’之后的部分)
-
port属性：端口号。如果URL中没有端口号则为空，如果输入URL有端口号而被服务器自动忽略(redirect到80
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
