JavaScript 网页效果实现!~@#

来源:百度知道 编辑:UC知道 时间:2024/05/14 17:00:59
http://www.w3school.com.cn/tiy/t.asp?f=jseg_randomlink
怎么代码实现,原理是什么,
如果能用代码告诉我就更好了,我是初学者,还比较笨。多谢啦!

查看这个页面的源文件,可以看出他主要有两个部分组成:
一个表单<form action="/tiy/v.asp" method="post" target="i">
一个嵌入式框架<iframe name="i" src="/tiy/loadtext.asp?f=jseg_randomlink"></iframe>

表单(位于页面左侧)中有一个提交按钮<input name="submit" type="submit" value="TRY IT YOURSELF">和一个文本区<textarea name="c">...</textarea>

实现的方法是
首先你在textarea中编辑代码,
然后点击提交按钮提交到/tiy/v.asp中处理,将处理结果显示在嵌入式框架i中。
这个实例需要使用后台页面,可能是安全性的考虑,对用户输入的代码进行过滤,除掉一些不安全的代码。

实际仅使用JAVASCRIPT也可以实现,就是不安全

这个东西还很笨,我点两次TIY竟然iframe里面有两个html
这种东西不会用什么其他办法,也就是改改innerHTML

页面的嵌套
<iframe>标签