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="#" οnclick=location.reload()>刷新</a>
  或加入:<a href="#" οnclick=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),在Firefox中能得到80,而在IE中为空

  • protocol属性:协议名,且后面紧跟着冒号。

  • 以上方法和属性请在使用时先行测试,因为不同浏览器以及不同版本的浏览器对其解释和执行或多或少都有些出入。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值