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
這篇文章主要為大家詳細(xì)介紹了JS+DIV實(shí)現(xiàn)拖動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
調(diào)試JavaScript中正則表達(dá)式中遇到的問題
這篇文章主要介紹了調(diào)試JavaScript中正則表達(dá)式中遇到的問題,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了JavaScript數(shù)組前面插入元素的方法,涉及javascript中unshift方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
微信小程序?qū)崿F(xiàn)數(shù)字滾動(dòng)動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)數(shù)字滾動(dòng)動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
layui屬于輕量級(jí)框架,簡(jiǎn)單美化.是用于開發(fā)后端模式,它在服務(wù)端頁面上有非常好的效果，這篇文章主要介紹了layUI布局使用教程,需要的朋友可以參考下2022-09-09
Express無法通過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 
這篇文章主要給大家介紹了關(guān)于利用js實(shí)現(xiàn)的一個(gè)提取中文拼音首字母的封裝工具類，文中給出了詳細(xì)完整的示例代碼，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以直接拿來用，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-03-03