改变整张网页的内容(孤独之路二--------1) - 达人(咖啡虫)

2005/08/01 | 改变整张网页的内容(孤独之路二--------1)
类别(javascript) | 评论(1) | 阅读(187) | 发表于 23:47: 改变整张网页的内容，可以使用 document.write("") 或者 document.writeln("")。二者的区别在于 document.writeln("") 输出以后会另起一行。
实例1重点讲解
<html> <head> <title>我不快乐 </title> <script language=javascript> function sum(n) { s=1; for(i=1;i<=n;i++) { s=s+i; } document.write(s) } </script> </head> <body> <p>计算s=1+2+3+4+5+6.....+n</p> <p> n=<input id="n" value=100 size=20><input type="button" value="算算看" onclick="sum(n.value)"></p> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
通过 id 把输入框命名为 n ，当点击“计算”按钮时调用 sum 函数，并且将输入框的值传递给 sum 函数。在 sum 函数中计算 1＋2＋3＋...＋ n ，计算结果通过 document.write() 输出到网页上，整张网页被改写成为累加和。
2.改变部分网页内容
改变部分网页的内容，可以使用 innerText 。使用 innerText可以获取或指定一对HTML标记所夹的文本内容。

<html> <head> <title>没人了解我我就开始孤独 </title> </head> <body> <p onClick="this.innerText='一个朋友发短信让我猜的，谜底：每'" style="cursor:hand"> 近木花香<br> 靠水汪洋<br> 有心返岸<br> 无人是娘<br> </p> &nbsp: 《打一字》 </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
当单击谜语时，<p></p>标记中的文本“近木花香<br>
靠水汪洋<br>
有心返岸<br>
无人是娘<br>
被替换为“一个朋友发短信让我猜的，谜底：每'”。style="cursor:hand" 用来将鼠标变成手形，提示浏览者点击。this表示当前段落对象，当改变其它段落对象的文本内容时，需要把 this 替换为相应段落对象的名称。

　; 0

http://kafeichong.5d.cn/

评论Comments