脚本宝典收集整理的这篇文章主要介绍了js实例Window 对象(3),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
源代码
<!DOCTYPE htML> <html> <head> <script> function openWin() { myWindow=window.open('','','width=200,height=100'); myWindow.document.wrITe("<p>This is ';myWindow'</p>"); myWindow.focus(); myWindow.opener.document.write("<p>This is the source window!</p>"); } </script> </head> <body> <input type="button" value="Open 'myWindow'" onclick="openWin()" /> </body> </html>
运行结果
相对于当前位置移动新窗口源代码
<!DOCTYPE html> <html> <head> <script> function openWin() { myWindow=window.open('','','width=200,height=100'); myWindow.document.write("<p>This is 'myWindow'</p>"); } function moveWin() { myWindow.moveBy(250,250); myWindow.focus(); } </script> </head> <body> <input type="button" value="Open 'myWindow'" onclick="openWin()" /> <br><br> <input type="button" value="Move 'myWindow'" onclick="moveWin()" /> </body> </html>
运行结果
移动新窗口到指定位置
源代码
<!DOCTYPE html> <html> <head> <script> function openWin() { myWindow=window.open('','','width=200,height=100'); myWindow.document.write("<p>This is 'myWindow'</p>"); } function moveWin() { myWindow.moveTo(0,0); myWindow.focus(); } </script> </head> <body> <input type="button" value="Open 'myWindow'" onclick="openWin()" /> <br><br> <input type="button" value="Move 'myWindow'" onclick="moveWin()" /> </body> </html>
运行结果
打印当前页面
源代码
<!DOCTYPE html> <html> <head> <script> function PRintpage() { window.print(); } </script> </head> <body> <input type="button" value="Print this page" onclick="printpage()" /> </body> </html>
运行结果
用像素指定窗口大小
源代码
<!DOCTYPE html> <html> <head> <script> function resizeWindow() { top.resizeBy(100,100); } </script> </head> <body> <form> <input type="button" onclick="resizeWindow()" value="Resize window"> </form> <p><b>Note:</b> We have used the <b>top</b> element instead of the <b>window</b> element, because we use frames. If you do not use frames, use the <b>window</b> element instead.</p> </body> </html>
运行结果
指定窗口大小
源代码
<!DOCTYPE html> <html> <head> <script> VAR w; function openwindow() { w=window.open('','', 'width=100,height=100'); w.focus(); } function myFunction() { w.resizeTo(500,500); w.focus(); } </script> </head> <body> <button onclick="openwindow()">Create window</button> <button onclick="myFunction()">Resize window</button> </body> </html>
运行结果
由指定的像素数滚动内容
源代码
<!DOCTYPE html> <html> <head> <script> function scrollWindow() { window.scrollBy(100,100); } </script> </head> <body> <input type="button" onclick="scrollWindow()" value="Scroll" /> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> </body> </html>
运行结果
源代码
<!DOCTYPE html> <html> <head> <script> function openWin() { myWindow=window.open('','','width=200,height=100'); myWindow.document.write("<p>This is 'myWindow'</p>"); myWindow.focus(); myWindow.opener.document.write("<p>This is the source window!</p>"); } </script> </head> <body> <input type="button" value="Open 'myWindow'" onclick="openWin()" /> </body> </html>
运行结果
相对于当前位置移动新窗口源代码
<!DOCTYPE html> <html> <head> <script> function openWin() { myWindow=window.open('','','width=200,height=100'); myWindow.document.write("<p>This is 'myWindow'</p>"); } function moveWin() { myWindow.moveBy(250,250); myWindow.focus(); } </script> </head> <body> <input type="button" value="Open 'myWindow'" onclick="openWin()" /> <br><br> <input type="button" value="Move 'myWindow'" onclick="moveWin()" /> </body> </html>
运行结果
移动新窗口到指定位置
源代码
<!DOCTYPE html> <html> <head> <script> function openWin() { myWindow=window.open('','','width=200,height=100'); myWindow.document.write("<p>This is 'myWindow'</p>"); } function moveWin() { myWindow.moveTo(0,0); myWindow.focus(); } </script> </head> <body> <input type="button" value="Open 'myWindow'" onclick="openWin()" /> <br><br> <input type="button" value="Move 'myWindow'" onclick="moveWin()" /> </body> </html>
运行结果
打印当前页面
源代码
<!DOCTYPE html> <html> <head> <script> function printpage() { window.print(); } </script> </head> <body> <input type="button" value="Print this page" onclick="printpage()" /> </body> </html>
运行结果
用像素指定窗口大小
源代码
<!DOCTYPE html> <html> <head> <script> function resizeWindow() { top.resizeBy(100,100); } </script> </head> <body> <form> <input type="button" onclick="resizeWindow()" value="Resize window"> </form> <p><b>Note:</b> We have used the <b>top</b> element instead of the <b>window</b> element, because we use frames. If you do not use frames, use the <b>window</b> element instead.</p> </body> </html>
运行结果
指定窗口大小
源代码
<!DOCTYPE html> <html> <head> <script> var w; function openwindow() { w=window.open('','', 'width=100,height=100'); w.focus(); } function myFunction() { w.resizeTo(500,500); w.focus(); } </script> </head> <body> <button onclick="openwindow()">Create window</button> <button onclick="myFunction()">Resize window</button> </body> </html>
运行结果
由指定的像素数滚动内容
源代码
<!DOCTYPE html> <html> <head> <script> function scrollWindow() { window.scrollBy(100,100); } </script> </head> <body> <input type="button" onclick="scrollWindow()" value="Scroll" /> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p> <br> <br> <br> <br> <br> <br> <br> <br> </body> </html>
运行结果
觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的js实例Window 对象(3)全部内容,希望文章能够帮你解决js实例Window 对象(3)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。