js弹出窗口简单实现代码

js弹出窗口简单实现代码

学习教程tuzi2019-04-18 20:52:15A+A-

本文实例为大家分享了js弹出窗口展示的具体代码,供大家参考,具体内容如下

<!DOCTYPE html>

<html>

<head>

  <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()">关掉子窗口</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;

    // 下面的属性已经不能用了

//    obj.innerHTML += '<br>'+obj.innerWidth+',,'+obj.innerHeight;

  }

</script>

</body>

</html>


点击这里复制本文地址

声明

本站发布所有广告信息、下载资源,均来自互联网,非本站自制,与本站无关。 如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。


本站中所有资料、资源文件均来自于网络搜索,仅作为技术学习研究之用,请必须在24小时内删除所下载文件,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。


本站保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何改动;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。 


访问本站的用户必须明白,[资源爱好者]对提供下载的软件等不拥有任何权利,其版权归该下载资源的合法拥有者所有。


本站所有资源均不提供相关技术服务,如果源码下载地址失效则请联系站长进行补发。


本站所有资源展现图片仅供参考

资源爱好者 © All Rights Reserved.  
本站发布所有资源,均来自互联网,非本站自制,分享目的仅供大家学习与参考,与本站无关。
如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。邮箱:admin?aihao.org
广告合作|关于我们|网站地图|冀ICP备14009590号-1|冀公网安备13018302000072|