zoukankan      html  css  js  c++  java
  • JavaScript 学习(1)--window对象

    JavaScript 学习--Window对象

    window对象方法

    1.1 创建新窗体

    //窗体打开
    var newWindow=Window.open("default.html","windowName","height=200,width=300,..(其他参数)")://height和widht为空默认会打开一个新选项卡
    //窗体关闭
    newWindow.close();
    //窗体的location
    newWindow.location.herf="http://www.baidu.com";
    

    1.2 窗体的对话框

    //提示框
    alert("some text here");
    //带返回值的
    if(confirm("are you sure?")){ //do some thing}
    //带输入框的
    var result=prompt("what is your name?")
    if(result){//do something}
    

    1.3 属性navigator

    navigator.userAgent包含浏览器很多的细节
    比如chrome的userAgent内容有

    document.write(navigator.userAgent);
    //输出入下
    Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36
    

    navigator.appVersion
    5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36

    1.4 document

    • document.forms[]
      该值是一个文档中所有form元素对象的数组

    引用其中一个表单可以使用document.forms[0]或者document.forms["formName"]

    • document.images[]

    document对象保持了一个以标记方式插入到文档中的图像的集合,通过document.images可以获得imag元素

    • document.write()

    在载入页面后,浏览器输出流自动关闭,再次之后任何一个对当前页面进行操作的document.write()都将打开一个新的输出流,会清空当前页面内容。所以需要吧HTML内容连接起来赋值给一个变量。需要注意的是document.write()相关的方法document.close(),如果没有进行关闭,连续的document.write()只会连续添加到后面不会清除当前值,如果不添加close方法,就不能显示图像和表单。

    • document.createElement()document.createTextNode()

    document.createElement()在浏览器内存中中创建一个新元素对象
    var p=document.createElement("p")
    document.createTextNode()创建一个新文本节点

    以上操作并不影响本来的文档节点树,需要调用各种插入和替换方法才能将元素放入文档中。

    • document.getElementById('idName')
      获取id为idName的元素
  • 相关阅读:
    UOJ.26.[IOI2014]Game(交互 思路)
    Good Bye 2016 F.New Year and Finding Roots(交互)
    Codeforces.835E.The penguin's game(交互 按位统计 二分)
    Codeforces.744B.Hongcow's Game(交互 按位统计)
    Codeforces.862D.Mahmoud and Ehab and the binary string(交互 二分)
    正睿OI 提高 Day1T3 ZYB玩字符串(DP)
    划分vlan
    2三层交换机实现vlan间的路由
    交换机基础-交换机远程telnet
    自动化运维环境的搭建问题处理
  • 原文地址:https://www.cnblogs.com/keithmoring/p/4225022.html
Copyright © 2011-2022 走看看