• javascript 学习笔记


     

    (1)     引入外部js文件:

    <script src=”my.js”/>   好像是这样呵呵,。

    每个函数都默认有一个arguments对象来代表所有参数。

    <script type="text/javascript">

    function add(){

        var out=0;

        for(var i=0; i<arguments.length; i++){

            out += arguments[i];

        }

        return out;}

    </script>

    <button onclick="add(1,2,3,4,5)">Test </button>

     

    (2)点击连接之后调用js代码 
              <a href="javascript:addContact();">Add a Contact</a>
    点击图片之后改变图片
       <img src="button_off.gif"  onmousedown ="this.src='button_over.gif';" >
       onmousedown
    也可以为onmousedown   onmouseout    onmouseup 
       点击按钮之后调用js
             <button onclick="doAction(multiply)">Test Multiply</button>
        
    下面一段js代码说明了几个函数(功能是通过js新建一个按钮并带有各种属性)
    <script type="text/javascript">
    var board = document.getElementById("board"); //获得id号为board的元素,为div         
        var e4 = document.createElement("input");
    //
    创建一个input 即<input>
        e4.setAttribute("type", "text");
    //设置e4的type属性为text,即文本框 这一句等于e.type=”text”
        e4.setAttribute("name", "q");
    //设置input的Name属性为q
        e4.setAttribute("value", "
    使用setAttribute");//input的初始值
    e4.setAttribute("onclick", "javascript:alert('This is a test!');");//设置点击事件         
        var object = board.appendChild(e4); 
    //将我们准备好的input放到<div>后面
            </script>
            <body> <div id=board>
    这句代码就等于<div id=board><input name=q onclick= javascript:alert('This is a test!');>
     
    最后来段简单的巩固一下,没啥好说的。
     var img     = document.createElement('IMG');
            img.setAttribute('src', '
    delete.gif');
            img.onclick = 
    function(){
                removeContact(tr);
            }
            td1.appendChild(img);
    (3)getElementsByTagName:返回一个数组,包含具有相同tag名的所有元素类似于getElementById
    (4)
    
     
     
      
      
      
      
      
      
      
      
      
      
      
      
     
     
     
    
     
    
     注意看清楚了,这段代码分为4个子节点,其中第二个子节点又分3个子节点对了,我们现在要通过Js来修改内容,具体代码为
     
    childNodes[1].childNodes[0] 对应的应该就是<a href=”link.html”> 
    childNodes[1].childNodes[1] 对应的就是 a link   
     
    (5) 
    setTimeout("alert('"+text+"');",1000); 1秒之后弹出警告框
    setInterval("alert('"+text+"');", 1000); 每隔1秒弹出一次警告框
    var newpasge = window.open('page2.html', 'TestWindow', 'width=500,height=200,resizable=yes'); 打开新窗口, newpasge为新窗口
    window.close(); 关闭自己 
    改变状态栏: window.status(“****”);
    前进后退 window.history.go(1);
    (6) js中的类详解 见http://www.cnitblog.com/CoffeeCat/archive/2009/07/08/40138.html
    Javascript中的类实现
    (7) document 对象
        1:document.title ="主页"; 修改网页标题
    2:document.URL = "1.html"; 直接在本网页中打开新网页。
    3:网页中第一个有<img src=”1.jpg” name=”myimg”/>
        document.links[0] 访问第一个<a href=”1.html”>链接。
       Document.images[0]或者document.image[“myimg”];代表第一个图片见上面
    document.image[“myimg”].src 
    同理document.forms[0]或者document.forms[“myform1”];访问表单
    4:  document.write(“向网页中写入一段话”);
    (8) location 对象
    location.href = “www.qq.com”; 利用这种导航方式跳转页面,该页面会被放入历史页面中。
    (9) navigator 
    navigator
    (10) 填充用户屏幕 
     Window.moveTo(0,0);
     Window.resizeTo(screen.availWidth,screen.availHeight); //表示获取屏幕尺寸,将浏览器置于全屏
  • 相关阅读:
    docker 安装镜像
    Vagrant+Oracle VM VirtualBox创建linux虚拟机(centos7)
    idea配置git,github , gitee
    idea连接数据库
    idea基本设置
    git基础命令
    mybatis中的where
    重学 Java 设计模式:实战桥接模式(多支付渠道「微信、支付宝」与多支付模式「刷脸、指纹」场景)
    HTTPS加密原理
    优惠券数据库设计
  • 原文地址:https://www.cnblogs.com/SuperXJ/p/1575264.html
Copyright © 2020-2023  润新知