JavaScript学习手记1



以下是今日所学的js知识点:

1.首先来看一个小例子:

写在head里的script

<script type="text/javascript">
 
 function myFunction()
 {
   answer2="He is called 'Bill'";

//注意和下面的变量进行比较,发现没有var了,这个是全局变量,生存期从页面加载开始到页面被关闭
  var answer3='He is called "Bill" ';

//这个是局部变量,生存期从该函数被调用开始至该函数被调用结束

//有点怪哦`0`,请注意单双引号
  document.getElementById("demo1").innerHTML="我的第一个函数";

//getElementById("demo1")可以获取ID名为demo1的元素;innerHTML可以改变元素的内容。
  document.getElementById("demo").innerHTML="My First JavaScript Function"; 

 }
 </script>

注意:

JavaScript对大小写敏感
 换行符是'\'
 如果把数字与字符串相加,结果将成为字符串。

单行注释:js是// 

多行注释:js是/**/

其他注释:C语言,C++,C#单行//多行/**/       html<!--注释-->    Css/**/

2.写在body里的script

<script>

//会在页面加载时执行。
 document.write("<h1>这是补充的第一句话</h1>");
 document.write("<p>这是补充的第一句话</p>");

 //使用document.write()仅仅向文档输出内容
 //如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:也就是说,如果函数写在下面,点击后整个页面将消失

 </script>

3.JavaScript 放到了页面代码的底部,这样就可以确保在 <p> 元素创建之后再执行脚本

4.js的数据类型以及比较运算符

<body>
 <script>
 var i=1;
           //数字,数字类型只有一种,它可以带小数点也可以不带小数点
 var s="hello";          //字符串
 var q=[1,2,3,4];          //数组
 var a=true;          //布尔
 var n=null;       //空
 var r;        //未赋值
 var m=new Array();
 m[0]=10;
 //对象此处没写
 </script>
 <script>
 var i=10;         //全局变量
 var j=10;
 var m="10"
 document.write(i==j);         //true返回布尔类型
 document.write(i==m);         //true返回布尔类型
 document.write(i===m);         //false返回布尔类型;类型相同才为真
 document.write(i!=j);          //false返回布尔类型
 document.write(i!=m);         //false返回布尔类型
 document.write(i!==m);         //true返回布尔类型
 document.write(i>=j);         //true返回布尔类型
 document.write(i>10?"y":"n");
 function f()
 {
  x=10;         //x是全局变量
 }
 </script>
</body>

5.句柄

<button id="btn">按钮1</button>
 <p>该按钮添加了句柄</p><br />
 <button id="btn2">按钮2</button>
 <p>该按钮可以连续弹出对话框,添加了两个句柄</p>
 <script>
 document.getElementById("btn").addEventListener("click",function(){alert("hello")});

//添加句柄,好处可以添加多个而且不会覆盖,在做修改时,会很方便
 
var x=document.getElementById("btn2");
 x.addEventListener("click",hello);
 x.addEventListener("click",world);
 x.removeEventListener("click",hello);

//将hello第一个句柄移除,点击按钮只会显示world

 function hello() {
  alert("hello");
 }
 function world(){
  alert("world");
 }

 </script>

6.js文件

function A(){

}
A.prototype.sayHello = function() {

 console.log("HEllo JS");
};
A.sayHi=function(){

//A的静态的方法
 console.log("hello clever people!");
}
var a=new A();
a.sayHello();

//实例方法
A.sayHi();

//静态方法
function B(){

}
B.prototype=new A();
var b=new A();
b.sayHello();


©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页