html心得技巧-HTML教程-爱易网页

html心得技巧

日期：2014-05-17　浏览次数：20605 次

html经验技巧

防止自己的网页被人"框架"
? top.location.href ? 最上层的地址 ?
? windows.location.href自己的地址

如防止别人直接 ?
? <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

用javascript location.reload() 刷新页面

〖刷新〗命令的实现

　　[格式]:location.reload() 或 history.go(0)
　　[说明]浏览器重新打开本页。
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=location.reload()>刷新</a>
　　或加入:<a href="#" onclick=history.go(0)>刷新</a>

页面跳转方法共有以下几种：

1 在<head>和</head>中间插入

其中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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。