JavaScript学习手记1

最新推荐文章于 2022-12-28 10:53:25 发布

natureBird

最新推荐文章于 2022-12-28 10:53:25 发布

阅读量364

点赞数

分类专栏： js学习文章标签： javascript js基础知识

本文链接：https://blog.csdn.net/littlebirdisflying/article/details/49842425

版权

js学习专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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

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

写在head里的script

//注意和下面的变量进行比较，发现没有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

//会在页面加载时执行。
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();