javaScript入门篇

最新推荐文章于 2023-05-12 12:32:04 发布

_成长_

最新推荐文章于 2023-05-12 12:32:04 发布

阅读量415

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/DiuDiu666hf/article/details/52191920

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一打开新窗口：

open() 方法可以查找一个已经存在或者新建的浏览器窗口。

window.open([URL], [窗口名称], [参数字符串])

URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
窗口名称：可选参数，被打开窗口的名称。
    1.该名称由字母、数字和下划线字符组成。
    2."_top"、"_blank"、"_selft"具有特殊意义的名称。
       _blank：在新窗口显示目标网页
       _self：在当前窗口显示目标网页
       _top：框架网页中在上部窗口中显示目标网页
    3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
    4.name 不能包含有空格。
参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

二 Close()关闭窗口

window.close();关闭本窗口或： <窗口对象>.close();关闭指定的窗口

</pre><pre name="code" class="javascript">

<script type="text/javascript">
       var mywin = window.open('http://www.imcooc.com');
       mywin.close();
</script>

<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>   
  <script type="text/javascript">  
    function openWindow () {
    // 新窗口打开时弹出确认框，是否打开
        if (confirm("是否要打开新的窗口")) {
    // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
        var url = prompt("请输入你要打开的网址","http://www.imooc.com/"); 
    //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
    window.open(url,'_blank','width=400,height=500,menubar=no,toolbar=no');
        }
    }
  </script> 
 </head> 
 <body> 
	  <input type="button" value="新窗口打开网站" οnclick="openWindow()" /> 
 </body>
</html>

通过id获取元素

<body>
<p id="con">JavaScript</p>
<script type="text/javascript">
  var mychar= document.getElementById("con");
  document.write("结果:"+mychar); //输出获取的P标签。 
</script>
</body>

innerHTML 属性用于获取或替换 HTML 元素的内容

Object.style.property=new style;

: Object是获取的元素对象，如通过document.getElementById("id")获取的元素

<p id="pcon">Hello World!</p>
<script>
   var mychar = document.getElementById("pcon");
   mychar.style.color="red";
   mychar.style.fontSize="20";
   mychar.style.backgroundColor ="blue";
</script>

网页中经常会看到显示和隐藏的效果，可通过display属性来设置

Object.style.display = value

Object是获取的元素对象，如通过document.getElementById("id")获取的元素

_成长_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript入门篇

打开新窗口：open() 方法可以查找一个已经存在或者新建的浏览器窗口。window.open([URL], [窗口名称], [参数字符串])URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、
复制链接

扫一扫

专栏目录