js載入網頁_如何在html頁面動態載入js文件

❶ 如何通過js或者jquery載入其他網站的網頁(DOM)

給你個實例，就是通過發送訪問請求，而獲得請求返回的數據。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<metahttp-equiv="Content-type"content="text/html;charset=utf-8">
<title>遠程網頁源代碼讀取</title>

<styletype="text/css">
/*頁面字體樣式*/
body,td,input,textarea{
font-family:Arial;
font-size:12px;
}
</style>

<scripttype="text/javascript">
//用於創建XMLHttpRequest對象
functioncreateXmlHttp(){
//根據window.XMLHttpRequest對象是否存在使用不同的創建方式
if(window.XMLHttpRequest){
xmlHttp=newXMLHttpRequest();//FireFox、Opera等瀏覽器支持的創建方式
}else{
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");//IE瀏覽器支持的創建方式
}
}

//直接通過XMLHttpRequest對象獲取遠程網頁源代碼
functiongetSource(){
varurl=document.getElementById("url").value;//獲取目標地址信息

//地址為空時提示用戶輸入
if(url==""){
alert("請輸入網頁地址。");
return;
}

document.getElementById("source").value="正在載入……";//提示正在載入
createXmlHttp();//創建XMLHttpRequest對象
xmlHttp.onreadystatechange=writeSource;//設置回調函數
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

//將遠程網頁源代碼寫入頁面文字區域
functionwriteSource(){
if(xmlHttp.readyState==4){
document.getElementById("source").value=xmlHttp.responseText;
}
}
</script>
</head>

<body>
<h1>遠程網頁源代碼讀取</h1>

<div>
地址：<inputtype="text"id="url">
<inputtype="button"onclick="getSource()"value="獲取源碼">
</div>

<textarearows="10"cols="80"id="source"></textarea>

</body>
</html>

❷ 如何在地址欄中輸入一段js代碼，使當前頁面動態載入一段js腳本文件！

看您的意思應該是在地址欄里輸入JS代碼，來調用頁面中已經存在的JS腳本，或者內是調用自己的JS腳本。容

1、調用自己的腳本：可以試試下面的代碼

javascript:var i;i=2;alert(i);

可以把JS的內容全部轉成一行再輸入，大文件可能比較困難

2、調用已經存在的腳本

比如，本頁面中存在 iknowMap.upload() 這個函數，直接調用就可以了
javascript:iknowMap.upload();

PS:網路知道中每個有回答的頁面都可以這么調用，

這屬於一種XSS跨站腳本的方法，但在地址欄進行輸入的話內容僅僅在輸入地址的本機有效，因為腳本是執行在瀏覽器端的。

希望能夠有所幫助，祝你成功

❸ JS 頁面載入觸發事件 document.ready和onload的區別

一、意思不同

ready，表示文檔結構已經載入完成（不包含圖片等非文字媒體文件）。

onload，指示頁麵包含圖片等文件在內的所有元素都載入完成。

二、作用不同

Dom Ready是在dom載入完成後就可以直接對dom進行操作，比如一張圖片只要<img>標簽完成，不用等這個圖片載入完成，就可以設置圖片的寬高的屬性或樣式等。

Dom Load是在整個document文檔（包括了載入圖片等其他信息）載入完成後就可以直接對dom進行操作，比如一張圖片要等這個圖標載入完成之後才能設置圖片的寬高的屬性或樣式等。

三、用法不同

用原生的js的時候我們通常用onload時間來做一些事情，比如：

window.οnlοad=function(){

//do something

}

或者經常用到的圖片，假設這個

document.getElementById("imgID").οnlοad=function(){

//do something

}

這種就是Dom Load，他的作用或者意義就是:在document文檔載入完成後就可以可以對DOM進行操作，document文檔包括了載入圖片等其他信息。

那麼Dom Load就是在頁面響應載入的順序中的「載入圖片等其他信息」之後，就可以操作Dom了。

❹ 請教JS如何實現點擊按鈕載入指定網頁

想到兩種方法。
一：
在js寫
window.location.href = "新窗口";
二:
在js中跳轉到controller。然後在裡面控制頁面的跳轉。

我是新手

❺ 如何在html頁面動態載入js文件

下面介紹三種非同步執行載入Js 腳本的方法。
1、直接document.write
<script language="javascript">
document.write("<script src='test.js'><\/script>");
</script>
2、動態改變已有script的src 屬性
<script src='' id="s1"></script>

<script language="javascript">
s1.src="test.js"
</script>
3、動態創建 script元素
<script>
var oHead = document.getElementsByTagName('HEAD').item(0);

var oScript= document.createElement("script");

oScript.type = "text/javascript";

oScript.src="test.js";

oHead.appendChild( oScript);
</script>
注，
這三種方法都是非同步的，所以在採用這類方法動態載入Js 的同時，主界面的Js腳本是繼續執行的，所以可能出現通過非同步載入的Js代碼得不到預期的效果的情況。這時候可以考慮採用Ajax載入Js的方法。
大概原理：用XMLHTTP取得要腳本的內容，再創建 Script 對象。另外注意編碼的保持一致。因為伺服器與XML使用UTF8編碼傳送數據。

❻ jQuery怎麼載入一個html頁面到我指定的div裡面

使用ajax。

參考代碼：

$(function(){

$.ajax({

type:"POST",url:"LoginLoadArticle.ashx",

data: "type="+escape("最新公告") ,

success:function(msg){

$(".gonggao").html(msg);

},error:function(XMLHttpRequest, textStatus, thrownError){}

})

(6)js載入網頁擴展閱讀：

xml：返回XML文檔，可用JQuery處理。

html：返回純文本HTML信息；包含的script標簽會在插入DOM時執行。

script：返回純文本JavaScript代碼。不會自動緩存結果。除非設置了cache參數。注意在遠程請求時（不在同一個域下），所有post請求都將轉為get請求。

json：返回JSON數據。

jsonp：JSONP格式。使用SONP形式調用函數時，例如myurl?callback=?，JQuery將自動替換後一個「?」為正確的函數名，以執行回調函數。

text：返回純文本字元串。

beforeSend：要求為Function類型的參數，發送請求前可以修改XMLHttpRequest對象的函數。

導航:首頁 > 編程語言 > js載入網頁

js載入網頁

與js載入網頁相關的資料

友情鏈接