js彈出窗口簡單實現(xiàn)代碼
更新時間:2017年03月22日 14:12:56 作者:程序猿?
這篇文章主要為大家詳細介紹了js彈出窗口的簡單實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了js彈出窗口展示的具體代碼,供大家參考,具體內(nèi)容如下
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> body{ /*margin: 0;*/ } #div1{ width: 100px; height: 100px; border: 1px solid red; } </style> </head> <body> <div id="div1" onmouseover="getInfo(this)" onmouseout="this.innerHTML=''"> </div> <button onclick="getInfo()">獲取div信息</button> <hr/> <a href="111.html" rel="external nofollow" target="_blank">我是超鏈接</a> <br/><br/> <button onclick="myopen1()">新窗口111111111</button> <button onclick="myopen2()">新窗口222222222</button> <button onclick="myopen3()">新窗口333333333</button> <hr/> <button onclick="myclose()">關(guān)掉子窗口</button> <script> var mywin; function myclose(){ if(mywin) mywin.close(); } function myopen3(){ mywin = window.open('333.html', 'news', 'resizable=no'); } function myopen2(){ mywin = window.open('222.html', 'news', 'resizable=no'); } function myopen1(){ mywin = window.open('111.html', 'news', 'resizable=no'); } function getInfo(obj){ // var div1 = document.getElementById('div1'); obj.innerHTML = obj.offsetWidth+',,'+obj.offsetHeight; obj.innerHTML += '<br>'+obj.offsetLeft+',,'+obj.offsetTop; // offsetXXX 只能讀取不能賦值修改 obj.offsetWidth = obj.offsetWidth+100; // 下面的屬性已經(jīng)不能用了 // obj.innerHTML += '<br>'+obj.innerWidth+',,'+obj.innerHeight; } </script> </body> </html>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js實現(xiàn)同一個頁面,多個enter事件綁定的示例
今天小編就為大家分享一篇js實現(xiàn)同一個頁面,多個enter事件綁定的示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10調(diào)試JavaScript中正則表達式中遇到的問題
這篇文章主要介紹了調(diào)試JavaScript中正則表達式中遇到的問題,需要的朋友可以參考下2015-01-01Express無法通過req.body獲取請求傳遞的數(shù)據(jù)解決方法
這篇文章主要為大家介紹了Express無法通過req.body獲取請求傳遞的數(shù)據(jù)解決方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-12-12

js實時監(jiān)控文本框輸入字?jǐn)?shù)的實例代碼
下面小編就為大家分享一篇實時監(jiān)控文本框輸入字?jǐn)?shù)的實例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01