大小可调整和不可调整的框架代码来自w3school
- <html>
- <frameset cols="50%,50%">
- <frame id="leftFrame" src="/example/hdom/frame_noresize.html">
- <frame id="rightFrame" src="/example/hdom/frame_a.html">
- </frameset>
- </html>
带滚动条和不带滚动条的框架代码
- <html>
- <frameset cols="50%,50%">
- <frame id="leftFrame" src="/example/hdom/frame_scroll.html">
- <frame id="rightFrame" src="/example/hdom/frame_a.html">
- </frameset>
- </html>
跳出框架代码
- <html>
- <head>
- <script type="text/javascript">
- function breakout()
- {
- if (window.top!=window.self)
- {
- window.top.location="/example/hdom/tryjs_breakout.htm"
- }
- }
- </script>
- </head>
- <body>
- <input type="button" οnclick="breakout()" value="跳出框架!">
- </body>
- </html>
也可以用超链接跳出frameset
<a οnclick="if (confirm('确定要退出吗?')) return true; else return false;" target=_top href="http://localhost:8080/D_Ning_App/" >退出</a>
更改两个框架的员代码
- <html>
- <head>
- <script type="text/javascript">
- function changeSource()
- {
- document.getElementById("frame1").src="/example/hdom/frame_c.html"
- document.getElementById("frame2").src="/example/hdom/frame_d.html"
- }
- </script>
- </head>
- <body>
- <iframe src="/example/hdom/frame_a.html" id="frame1"></iframe>
- <iframe src="/example/hdom/frame_b.html" id="frame2"></iframe>
- <br /><br />
- <input type="button" οnclick="changeSource()" value="改变两个框架的 source">
- </body>
- </html>
image 对象
改变图像的大小代码
- <html>
- <head>
- <script type="text/javascript">
- function changeSize()
- {
- document.getElementById("compman").height="270"
- document.getElementById("compman").width="164"
- }
- </script>
- </head>
- <body>
- <img id="compman" src="/i/eg_bulbon.gif" />
- <br /><br />
- <input type="button" οnclick="changeSize()" value="改变图像的高度和宽度">
- </body>
- </html>
改变图像的src代码
-
- <html>
- <head>
- <script type="text/javascript">
- function changeSrc()
- {
- document.getElementById("myImage").src="/i/eg_smile.gif"
- }
- </script>
- </head>
- <body>
- <img id="myImage" src="/i/eg_bulbon.gif" />
- <br /><br />
- <input type="button" οnclick="changeSrc()" value="改变图像">
- </body>
- </html>