其他分享
首页 > 其他分享> > 对网页进行的操作

对网页进行的操作

作者:互联网

<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title></title>         <style>             p{position:fixed;left:0;top:0;}         </style>     </head>     <body>         <p>             <a href="http://www.baidu.com" target="_self" >跳转</a>             <button onclick="fn()">打开窗口</button>             <button onclick="clo()">关闭窗口</button>             <button onclick='move()'>moveBy</button>             <button onclick="to()">moveTo</button>             <button onclick="prin()">print</button>             <button onclick="scr()">scrollBy</button>             <button onclick='scr1()'>scrollTo</button>         </p>                  <div style="height:2000px;width: 1500px;"></div>         <!--onclick鼠标单击事件-->         <script>             var New;             function fn(){                 New=window.open('3.html','','width=400,height=500');             }             function clo(){                 New.close();             }             function move(){                 New.moveBy(100,100);//相对当前位置进行移动             }             function to(){                 New.moveTo(100,100);//相对于电脑屏幕左上角             }             function prin(){                 window.print();//打印窗口             }             function scr(){                 window.scrollBy(50,50);//按固定的值进行滚动             }             function scr1(){                 window.scrollTo(0,0);//直接滚到指定位置             }             /*              bom:浏览器模型              window              navigator              Screen              History              Location              存储              * */             alert();//弹出警示框,带确定按钮             prompt();//弹出输入框,带提示,输入,确定,取消,返回输入的值             var res=confirm('你的浏览器该升级了,点击确认升级');//弹出询问框,带确定,取消,返回true和false             console.log(res);         </script>     </body> </html>

标签:function,moveTo,网页,scrollTo,window,New,操作,100,进行
来源: https://www.cnblogs.com/GreenRadish/p/11134832.html