一起自学前端开发!

JavaScript语句 ---JavaScript入门笔记

来源:原创    更新时间:2017-07-21 11:56:25    编辑:编辑    浏览:1423


1. 语句

语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

下面的 语句向 id="demo" 的 HTML 元素输出文本 "Hello World":

document.getElementById("demo").innerHTML="Hello World";


分号的作用:

1). 分号用于分隔 语句。

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

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

提示:

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

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

 

2. 代码

代码(或者只有 )是 语句的序列。

浏览器会按照编写顺序来执行每条语句。

本例将操作两个 HTML 元素

代码如下:

<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<div id="myDIV">A DIV.</div>
< >
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
</ >

效果:

4img2017491494320631599.png


3. 对大小写敏感

1). 对大小写是敏感的。

2). 当编写 语句时,请留意是否关闭大小写切换键。

3). 函数 getElementById 与 getElementbyID 是不同的。

4). 同样,变量 myVariable 与 MyVariable 也是不同的。

4. 根据HTML文档流的执行顺序

1). 需要在页面元素渲染前执行的js代码应该放在<body>前面的< >代码块中,

2). 而需要在页面元素加载完后的js放在</body>元素后面,

3). body标签的 事件注册的函数是在最后执行的。另外请记住,window. 就是body上注册的 事件,那么如果我们

4). body之前声明了window. = function(){};将会不起作用,原因是被body中的 覆盖,然而,如果我们把

5). window. 放在body之后的代码块,那么他就会覆盖body中注册的 事件,这个相对于$(document).ready(function()

6). {})执行要晚,jQuery是在Dom树加载完之后就运行,也就是标签到位就行,它并不像window. 要求所有资源都被加载完成后

7). 想要获取一个元素的高度或宽度,只要元素被加载后就能获取到,但是必须display不为none

 

 

 

 

 

基本概念

 

 

1. 的全部关键字: 1). 保留关键字 break case catch continue debugger default delete do else false finally for function if in instanceof new null return switch this throw true try typeof var void while with 2). 将来可用的保留关键字 abstract boolean byte char class const double enum export extends final float goto implements import int interface long native package private protected public short static super sychronized throws transient volatile 3). 应避免使用的单词

那些已经用作 的内置对象或内置函数的名称,如String或parseInt等。 注意:像goto、const、byvalue等,他们是 的一部分,但是他们在 中没有定义任何特殊功能,只是为了保持相互兼容而已。

2. 标识符 1). 标识符格式 

标识符必须是以字母、下划线、美元号等符号开头的,其后可以是零个或若干个字母、数字、下划线、美元好等符号组成的字符串。在 中预定义的运算符如:+、-、*、/、%不可以用于定义标识符。 2). Smalltalk法则 每个标识符可以有若干个单词左右连接而成,常量标识符应该全部使用大写字母来表示区别,一般标识符应该全部使用小写字母以示区别,特殊常量标识符应该以大写字母开头以示区别,函数的标识符应该以小写字母开头以示区别,不要使用 中预定义保留的关键字。 严格区分大小写字母。

 

3. 常量

中的用const来声明定义常量。const定义的常量必须初始化,不初始化会报错。常量在第一次定义之后不可再次赋值,如果在严格模式下运行会报错。

举例:定义一个常量,在之后使用中试图改变常量的值

代码如下:

const b=10;
document.write("定于的常量b的值为"+b+"<br>");
b=20;//试图改变常量的值
document.write("改变之后的常量b的值为:"+b);

效果:

图片13.png


说明:

在定义常量之后便不可再次修改常量的值。

修改常量的值虽然不会报错,但是也修改不成功。 注意:

1. 在Firefox和Chrome更早期的版本,Safari 5.1.7和Opera 12.00,如果使用const定义一个变量,这个变量的值仍然可以修改。

2. IE6-10 不支持 const,但是IE11支持。 

 

4. 变量

变量是用于存储信息的"容器"。 在应用程序中,使用变量来作为值的符号名。变量的名字又叫做标识符,其需要遵守一定的规则。

格式:

 var 变量名 = 变量值;

var声明的且未赋初值的变量,值会被设定为 undefined。

举例:声明3个变量,并输出 代码如下:

< >
 var num=123;
 var str="我爱 前端大学 微信公众号";
 var a;
 document.write(num+"<br>");
 document.write(str+"<br>");
 document.write(a);
</ >  

效果:

图片14.png


1). 变量的作用域 

在所有函数之外声明的变量,叫做全局变量,因为它可被当前文档中的任何其他代码所访问。

在函数内部声明的变量,叫做局部变量,因为它只能在该函数内部访问。

举例:在函数外定义变量x,然后再函数中使用。在函数内定义变量y,然后再函数外使用。

代码如下:

< >
 var x=12;
 function myfunc(){
  alert(x);
  var y=110;
 }
 myfunc();
 document.write(y);
</ >


效果:

图片15.png


说明:

在函数内声明的变量在函数外使用会出错,引用错误。

注意:

声明变量要在使用变量之前。

变量名对大小写敏感,a和A代表不同的两个变量

举例:




 

评论区

表情

共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

相关内容

点击排行

随机新闻

评论排行榜