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>中間插入

<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屬性:協議名,且後面緊跟着冒號。

  • 以上方法和屬性請在使用時先行測試,因爲不同瀏覽器以及不同版本的瀏覽器對其解釋和執行或多或少都有些出入。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章