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载入网页相关的资料

友情链接