javascript關於鏈接的一些用法

（1）javascript:openURL()

http://www.kpdown.com/search?name=Ben Nadel

此URL后邊有一個name參數，只不過參數的值竟然帶了空格，這樣的鏈接，直接用android瀏覽器訪問，是沒有問題的，但用ios的瀏覽器訪問，這就是一個錯誤的URL，會報錯的！可以用encodeURIComponent()方法進行編碼，然后再拼接到URL上，這樣就安全了

<a href="javascript:openURL('http://www.kpdown.com/search?name=Ben%20Nadel');" >查詢</a>

 javascript:openURL()

1 <a href="javascript:openURL('http://www.kpdown.com/search?name=Ben%20Nadel');">測試href</a>
 2 <a href="javascript:;" onclick="javascript:openURL('http://www.kpdown.com/search?name=Ben%20Nadel');">測試onclick</a>
 3 
 4 <script>
 5   function openURL(url){
 6     /*
 7     * 測試href --print--> http://www.kpdown.com/search?name=Ben Nadel
 8     * 測試onclick --print--> http://www.kpdown.com/search?name=Ben%20Nadel
 9     */
10     console.log(url);
11   }
12 </script>

 href屬性，在調用openURL傳參時自動解碼，而onclick屬性則保持參數原封不動。

（2）javascript:alert()

<a href="javascript:alert('abc');">運行</a>

（3）window.location.href

<dd onclick="window.location.href='#/user/index'">會員信息</dd>

 

<a href= "# " onclick=doChangeURL()>
//---------script段
function doChangeURL(){
window.location.href= "fee_query.do method=xxx&current_company_id= "+current_company_id;
}

 

 使用onclick跳轉到其他頁面/跳轉到指定url

☆如果是本頁顯示可以直接用location,方法如下：
　　①onclick="javascript:window.location.href='URL'"
　　②onclick="location='URL'"
　　③onclick="window.location.href='URL?id=11'"
☆如果頁面中有frame可以將在location前面添加top.mainframe.frames['right_frame'].location

（4）window.location.reload()重載刷新

<a onclick="window.location.reload()">關閉</a>

 （5）$(window).load(fn);

   load事件主要就是用來代替原生的window.onload，它只能用在兩個場景下：

   window對象上。比如$(window).load(fn);

   帶有URL的元素(images, scripts, frames, iframes)。比如$(“img”).load(fn);

 load事件需要頁面完全加載完成才可以觸發，所謂的完全加載完，不僅僅是dom結構加載完，還需要所有的鏈接引用都加載完才可以。比如頁面中有大量圖片，必須等每一個圖片都加載完成，才叫完全加載完。

 ready事件可以加在任意元素上，比如$(window).ready(fn);、$(document).ready(fn);、$(“div”).ready(fn);等等。

 ready事件不要求頁面完全加載完，只需要加載完dom結構即可觸發。       ready事件可以同時注冊多個，執行時，按照注冊的先后順序執行。注意，就算是注冊不同元素的ready事件，也是按照先后順序執行。

$(window).ready(function(){
  alert("window");
});
$(document).ready(function(){
  alert("document");
});
$("div").ready(function(){
  alert("div");
});

 與$(document).ready(function(){})的區別：

由於在 $(document).ready() 方法內注冊的事件，只要 DOM 就緒就會被執行，因此可能此時元素的關聯文件未下載完。例如與圖片有關的 html 下載完畢，並且已經解析為 DOM 樹了，但很有可能圖片還沒有加載完畢，所以例如圖片的高度和寬度這樣的屬性此時不一定有效。

(5)關閉當前子窗口，刷新父窗口

function refreshParent() {
  window.opener.location.href = window.opener.location.href;
  window.close();  
 }     

 

相關鏈接： http://www.cnblogs.com/iyangyuan/p/3940451.html