怎么用JAVASCRIPT脚本修改网页的内容
日期：2014-05-16 浏览次数：20327 次
如何用JAVASCRIPT脚本修改网页的内容？
如果给定一个网页，能否用脚本去修改网页的内容，从而达到修改网页内容的效果？需要实现的效果有：修改网页上文本框的内容、按钮或者标签的内容、以及改变原来网页上某个元素的位置。
请问用JAVASCRIPT是否可以实现上述功能？如果能，怎么实现？
------解决方案--------------------
能
你说的太笼统，具体需求具体分析
------解决方案--------------------
请看代码
eg:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<html>
<head>
<title> New Document </title>
<meta name= "Generator " content= "EditPlus ">
<meta name= "Author " content= " ">
<meta name= "Keywords " content= " ">
<meta name= "Description " content= " ">
</head>
<body>
<form method=post action= " ">
<DIV ALIGN= "left " id= "div1 "style= "width:100;height:200;background-color=red; "> dd </DIV>
<input type= "button " value= "change " onclick= "getObjectById( 'div1 ').innerText= 'hello world! ';
getObjectById( 'div1 ').style.backgroundColor= 'gray '; ">
</form>
<script language= "JavaScript ">
<!--
function getObjectById(id)
{
if (typeof(id) != "string " || id == " ") throw(new Error(-1, '传到函数 getObjectById 里的参数不对！ '));
if (document.all) return document.all(id);
try {return document.getElementById(id);} catch(e){ return eval(id);}
}
//-->
</script>
</body>
</html>
------解决方案--------------------
<div id= "division1 "> </div>
<div id= "division2 "> </div>
<div id= "division3 "> </div>
<input type= "text " onkeyup= "document.getElementById( 'division2 ').innerHTML = this.value; ">
<input type= "button " onclick= "divmove(); " value= "move div ">
<script language= "javascript ">
function divmove()
{
var t = 100;
var l = 300;
document.getElementById( 'division2 ').style.position = 'absolute ';
document.getElementById( 'division2 ').style.top = t;
document.getElementById( 'division2 ').style.left = l;
}
</script>
------解决方案--------------------
不错，
------解决方案--------------------
先打开一个网页，然后在地址栏中输入以下代码，然后回车就行了。
javascript:document.body.contentEditable= 'true ';document.designMode= 'on ';void(0);
------解决方案--------------------
“ <!—”和标识符”—> ”之间是可以在一些不支持JAVASCIRPT的浏览器里隐藏JAVASCRIPT。在“//”后的是可被忽略的注释。
这里要注意的是：使用上述两种注释都必须在同一行内完成，如要另外提行写注释，应另外在相应的行加上这两种标识符的一种，不然，系统会提示出错信息。
------解决方案--------------------
用div.innerHtml来修改就可以了。
如果给定一个网页，能否用脚本去修改网页的内容，从而达到修改网页内容的效果？需要实现的效果有：修改网页上文本框的内容、按钮或者标签的内容、以及改变原来网页上某个元素的位置。
请问用JAVASCRIPT是否可以实现上述功能？如果能，怎么实现？
------解决方案--------------------
能
你说的太笼统，具体需求具体分析
------解决方案--------------------
请看代码
eg:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<html>
<head>
<title> New Document </title>
<meta name= "Generator " content= "EditPlus ">
<meta name= "Author " content= " ">
<meta name= "Keywords " content= " ">
<meta name= "Description " content= " ">
</head>
<body>
<form method=post action= " ">
<DIV ALIGN= "left " id= "div1 "style= "width:100;height:200;background-color=red; "> dd </DIV>
<input type= "button " value= "change " onclick= "getObjectById( 'div1 ').innerText= 'hello world! ';
getObjectById( 'div1 ').style.backgroundColor= 'gray '; ">
</form>
<script language= "JavaScript ">
<!--
function getObjectById(id)
{
if (typeof(id) != "string " || id == " ") throw(new Error(-1, '传到函数 getObjectById 里的参数不对！ '));
if (document.all) return document.all(id);
try {return document.getElementById(id);} catch(e){ return eval(id);}
}
//-->
</script>
</body>
</html>
------解决方案--------------------
<div id= "division1 "> </div>
<div id= "division2 "> </div>
<div id= "division3 "> </div>
<input type= "text " onkeyup= "document.getElementById( 'division2 ').innerHTML = this.value; ">
<input type= "button " onclick= "divmove(); " value= "move div ">
<script language= "javascript ">
function divmove()
{
var t = 100;
var l = 300;
document.getElementById( 'division2 ').style.position = 'absolute ';
document.getElementById( 'division2 ').style.top = t;
document.getElementById( 'division2 ').style.left = l;
}
</script>
------解决方案--------------------
不错，
------解决方案--------------------
先打开一个网页，然后在地址栏中输入以下代码，然后回车就行了。
javascript:document.body.contentEditable= 'true ';document.designMode= 'on ';void(0);
------解决方案--------------------
“ <!—”和标识符”—> ”之间是可以在一些不支持JAVASCIRPT的浏览器里隐藏JAVASCRIPT。在“//”后的是可被忽略的注释。
这里要注意的是：使用上述两种注释都必须在同一行内完成，如要另外提行写注释，应另外在相应的行加上这两种标识符的一种，不然，系统会提示出错信息。
------解决方案--------------------
用div.innerHtml来修改就可以了。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
