本文目录一览:
- 1、怎么用JS获取某一个指定页面(非本页面)的HTML代码?
- 2、如何通过一个js方法的方法名,获取到这个js方法定义的代码(方法体)?
- 3、怎样在页面获取js对象的内容
- 4、JS 获得网页代码
- 5、如何获取JS执行过后的网页源代码
怎么用JS获取某一个指定页面(非本页面)的HTML代码?
1、在浏览器中打开要调试的网页,然后点击”F12 Developer Tools“,也可以使用快捷键F12。
2、弹出的工具窗口中,默认选择是Dom Explorer功能,它会列出网页的源代码和CSS样式列表。
3、使用元素定位功能选择页面中的一个元素,也会定位到源代码中位置。
4、对定位到的文字修改CSS样式,添加inline style,比如把字体变为红色。
5、查看元素已经应用的CSS样式,点击"computed"菜单。
6、然后查看元素的布局信息,点击"Layout"菜单。
如何通过一个js方法的方法名,获取到这个js方法定义的代码(方法体)?
可以使用js的eval函数实现,示例如下:
script type="text/javascript"
//自定义函数,用于弹出三个参数的值
function alertFunc(str1,str2,str3){
alert(str1);
alert(str2);
alert(str3);
}
//自定义函数:根据传入的函数名,调用函数
function callAlert(functionName){
//根据函数名得到函数类型
var func=eval(functionName);
//创建函数对象,并调用
new func(arguments[1],arguments[2],arguments[3]);
}
/script
!--编写按钮,在点击事件中调用函数--
button onclick="callAlert('alertFunc','tom','hello','world')" 测试函数调用/button
怎样在页面获取js对象的内容
1.有以下输入控件在HTML中,代码如下:input type="hidden" name="productName" id="productName" value="测试产品名称"。
2.可以使用js来获取id和答案varvalue=文档。getelementbyid(“productName”)。值。
3.接下来,我们将警告(value),看看是否得到了输入的值。我们可以看到,输入的值已经成功弹出。
4.也可以使用文档。getElementsByName方法(name)。
5.如果您测试结果,您仍然可以看到“value”的值成功弹出。
6.您还可以通过jquery获得输入的值,这需要引入jquery的js包并传递代码$("#id").val()。$("#productName").val()。
7.$("输入('name=名字']”).val();例如,上面的例子可以使用$("input['name=productName']").val()。
JS 获得网页代码
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
meta http-equiv="Content-type" content="text/html; charset=utf-8"
title远程网页源代码读取/title
style type="text/css"
/* 页面字体样式 */
body, td, input, textarea {
font-family:Arial;
font-size:12px;
}
/style
script type="text/javascript"
//用于创建XMLHttpRequest对象
function createXmlHttp() {
//根据window.XMLHttpRequest对象是否存在使用不同的创建方式
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式
}
}
//直接通过XMLHttpRequest对象获取远程网页源代码
function getSource() {
var url = 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);
}
//将远程网页源代码写入页面文字区域
function writeSource() {
if (xmlHttp.readyState == 4) {
document.getElementById("source").value = xmlHttp.responseText;
}
}
/script
/head
body
h1远程网页源代码读取/h1
div
地址:input type="text" id="url"
input type="button" onclick="getSource()" value="获取源码"
/div
textarea rows="10" cols="80" id="source"/textarea
/body
/html
给分啊
如何获取JS执行过后的网页源代码
需要获取网页中的javascript执行后生成的完整的网页源码(通常使用的右键-查看源代码是看不到js执行后的内容的,用firefox的firebug看到的代码就是js执行后的代码),从中提取一些有用的数据。