js彈出窗口簡(jiǎn)單實(shí)現(xiàn)代碼
更新時(shí)間:2017年03月22日 14:12:56 作者:程序猿?
這篇文章主要為大家詳細(xì)介紹了js彈出窗口的簡(jiǎn)單實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了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)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js實(shí)現(xiàn)同一個(gè)頁面,多個(gè)enter事件綁定的示例
今天小編就為大家分享一篇js實(shí)現(xiàn)同一個(gè)頁面,多個(gè)enter事件綁定的示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-10-10調(diào)試JavaScript中正則表達(dá)式中遇到的問題
這篇文章主要介紹了調(diào)試JavaScript中正則表達(dá)式中遇到的問題,需要的朋友可以參考下2015-01-01微信小程序?qū)崿F(xiàn)數(shù)字滾動(dòng)動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)數(shù)字滾動(dòng)動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07Express無法通過req.body獲取請(qǐng)求傳遞的數(shù)據(jù)解決方法
這篇文章主要為大家介紹了Express無法通過req.body獲取請(qǐng)求傳遞的數(shù)據(jù)解決方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12

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