咖啡虫之家
我的日历
友情链接
访问计数
最新评论
获取RSS
我的 Blog:
[javascript]
[asp]
[常识]
[SQL]
[文学]
[Dreamweaver]
[网页设计]
[flash]
[片言碎语]
[web standard]
全站 Blog:
改变整张网页的内容(孤独之路二--------1)
Author:咖啡虫 PublishTime:2005-8-1
改变整张网页的内容，可以使用 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>  : 《打一字》 </body> </html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
当单击谜语时，<p></p>标记中的文本“近木花香<br>
靠水汪洋<br>
有心返岸<br>
无人是娘<br>
被替换为“一个朋友发短信让我猜的，谜底：每'”。style="cursor:hand" 用来将鼠标变成手形，提示浏览者点击。this表示当前段落对象，当改变其它段落对象的文本内容时，需要把 this 替换为相应段落对象的名称。
分类于：
javascript
全部分类中有 1 篇日志 | 每页显示 1 篇
Powered by
5DBlog.com
