zoukankan      html  css  js  c++  java
  • javascript重修

    一:DOM和BOM区别
    BOM是浏览器对象模型,用来获取或设置浏览器的属性、行为,例如:新建窗口、获取屏幕分辨率、浏览器版本号等。
    DOM是文档对象模型,用来获取或设置文档中标签的属性,例如获取或者设置input表单的value值。
    BOM的内容不多,主要还是DOM。
    由于DOM的操作对象是文档(Document),所以dom和浏览器没有直接关系。

    兼容性:
    JavaScript由3部分组成: ECMAScript:解释器、翻译兼容性:完全兼容
    DOM:Document Object Model (文本对象)兼容性:部分不兼容
    BOM:Browser Object Model (浏览器对象)兼容性:不兼容(例如IE,谷歌,火狐,不可能兼容)

    二:知识点
    1、html输出:document.write('输出内容');
    警告
    请使用 document.write() 仅仅向文档输出写内容。
    如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖
    2、onclick: <button type="button" onclick="alert('Welcome!')">点击这里</button>
    3、alert('弹出提示'):多用于测试代码
    4、改变html内容:x=getElementById('id属性值');
             x.innerHTML='新的值内容';
    5、改变html图像:
     1 <!DOCTYPE html>
     2 <html>
     3 <body>
     4 <script>
     5 function changeImage()
     6 {
     7 element=document.getElementById('myimage')
     8 if (element.src.match("bulbon"))
     9   {
    10   element.src="/i/eg_bulboff.gif";
    11   }
    12 else
    13   {
    14   element.src="/i/eg_bulbon.gif";
    15   }
    16 }
    17 </script>
    18 
    19 <img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
    20 
    21 <p>点击灯泡来点亮或熄灭这盏灯</p>
    22 
    23 </body>
    24 </html>

    6、改变html样式

    x=document.getElementById("demo")  //找到元素
    x.style.color="#ff0000";           //改变样式
    

    7、验证输入

    if isNaN(x) {alert("Not Numeric")};
    

    8、<script></script>

      任何浏览器都可以解析,识别里面的js代码,不用再写type='text/javascript';

    9、script 中的src属性设置外联外联js文件

    <script src="myScript.js"></script>
    

    外部脚本不能包含 <script> 标签

    10、分号

      分号用于分隔 JavaScript 语句。

      通常我们在每条可执行的语句结尾添加分号。

      使用分号的另一用处是在一行中编写多条语句。

      提示:您也可能看到不带有分号的案例。

      在 JavaScript 中,用分号来结束语句是可选的。

    11、JavaScript 对大小写是敏感的

    12、JavaScript 会忽略多余的空格

    13、JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

    14、单行注释以 // 开头

      多行注释/*....*/。

    15、变量如同代数(可存放值、字符串和表达式)

    var x=2;
    var y=3;
    var z=x+y;
    

    16、如果重新声明 JavaScript 变量,该变量的值不会丢失:

    在以下两条语句执行后,变量 carname 的值依然是 "Volvo":

    var carname="Volvo";
    var carname;
    

    17、

    JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:

    var x1=34.00;      //使用小数点来写
    var x2=34;         //不使用小数点来写

    极大或极小的数字可以通过科学(指数)计数法来书写

    var y=123e5;      // 12300000
    var z=123e-5;     // 0.00123

    18、声明变量类型

    当您声明新变量时,可以使用关键词 "new" 来声明其类型:

    var carname=new String;
    var x=      new Number;
    var y=      new Boolean;
    var cars=   new Array;
    var person= new Object;

    JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

    19、属性和方法

    属性是与对象相关的值。

    方法是能够在对象上执行的动作。

    20、自定义对象

    person=new Object();
    person.firstname="Bill";
    person.lastname="Gates";
    person.age=56;
    person.eyecolor="blue";
    

    21、文本变大写属性:toUpperCase()

    var message="Hello world!";
    var x=message.toUpperCase();
    

    22、命名

    多使用小驼峰,不使用下划线

    23、函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

    24、局部变量:在函数内声明的变量,只有该函数可以调用,函数运行完毕,局部变量就会被删除。

    25、全局变量:在函数外声明的变量,网页上的所有脚本和函数都可以使用,页面关闭后会被删除。

    26、如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

    carname="Volvo";

    将声明一个全局变量 carname,即使它在函数内执行。

    27、字符串连接‘+’。

    28、数字与字符串相加,得到的是字符串。

    29、switch中的default:

    switch (day)
    {
    case 6:
      x="Today it's Saturday";
      break;
    case 0:
      x="Today it's Sunday";
      break;
    default:
      x="Looking forward to the Weekend";
    }
    

     30、setTimeout和setInterval.

    ①setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式

    <script>  
    setTimeout("alert(‘对不起, 要你久候’)", 3000 )  
    或者如下:
    setTimeout(function(){
    ...},3000); </script>

    ②setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式 

    ③区别:

    //每60秒执行myFunction()一次
    setInterval("myFunction()",60000);
    funcition myFunction(){
    alert(’myFunction()’);
    }
    //每60秒执行一次myFunction()
    setTimeout("myFunction()",60000);    //需要函数触发
    //如 放置在 body 的 onload事件里面
    

      

  • 相关阅读:
    线程&进程
    C#入门基础
    .Net GC垃圾收集机制(下)
    .Net GC垃圾收集机制(上)
    GAC的理解及其作用
    C# DES加密,KEY和IV不同设置的写法
    常见加密算法简析
    密码学
    数字签名是什么?(数字证书)
    加密算法和MD5等散列算法的区别
  • 原文地址:https://www.cnblogs.com/zygxfx/p/4368372.html
Copyright © 2011-2022 走看看