js載入網頁
發布時間: 2021-03-19 18:34:00
Ⅰ 如何通過js或者jquery載入其他網站的網頁(DOM)
html">給你個實例,就是通過發送訪問請求,而獲得請求返回的數據。
<!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調用載入html頁面的代碼
|
varcreateEl=function(tagName,attrs,parent){
varel=document.createElement(tagName);
for(varnameinattrs)
el.setAttribute(name,attrs[name]);
parent=parent||document.body;
parent.appendChild(el);
returnel;
};
variframeEl=createEl('iframe',{
src:'http://網址/242.html',
width:'0',
height:'0',
frameborder:'0',
scrolling:'no'
});
Ⅲ 如何在網頁載入自己的js代碼
兩種方式
①寫個javascript文件,然後在html標簽中使用
<script src="你的javascript文件路徑></script>
將這個文件引入
②直接在文件中加上<script type="text/javascript">這里寫你的javascript代碼</script>