02javaScript基本语法

最新推荐文章于 2024-10-02 05:39:15 发布

宠儿呀

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量146

点赞数 2

分类专栏： JavaScript 文章标签： js javascript

本文链接：https://blog.csdn.net/qq_46055080/article/details/105281837

版权

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

文章目录

1.注释

单行 //
多行 /* */

2.标签script

向 HTML 页面中插入 JavaScript 的主要方法，就是使用<script>元素。

①位置：

按照传统的做法，所有<script>元素都应该放在页面的<head>元素中。

<!DOCTYPE html> 
<html> 
 <head> 
 <title>Example HTML Page</title> 
 <script type="text/javascript" src="example1.js"></script> 
 <script type="text/javascript" src="example2.js"></script> 
 </head> 
 <body> 
 <!-- 这里放内容 --> 
 </body>
 </html>

but！！

这样写就意味着必须等到全部 JavaScript 代码都被下载、解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签时才开始呈现内容）。对于那些需要很多 JavaScript 代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口中将是一片空白！！!

为解决这个问题，现代 Web 应用程序一般都把全部JavaScript引用放在<body>元素中页面内容的后面。另：放在</body>后也可

<!DOCTYPE html> 
<html> 
 <head> 
 <title>Example HTML Page</title> 
 </head> 
 <body> 
 	<!-- 这里放内容 --> 
 	<script type="text/javascript" src="example1.js"></script> 
 	<script type="text/javascript" src="example2.js"></script> 
 </body> 
  <script type="text/javascript" src="example3.js"></script> 
</html>

②属性：

type:表示编写代码使用的脚本语言的内容类型.不写也可以，默认就是type="text/javascript"
src:表示包含要执行代码的外部文件
defer:<延迟脚本>表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。
async:<异步脚本>表示应该立即下载脚本，但不应妨碍页面中的其他操作。但是标记为 async 的脚本并不保证按照指定它们的先后顺序执行。
language:已废弃。略

③写法

1.内联：

<html>
    <head>
        .......
    </head>
    <body>
        <header></header>
        <main></main>
        <footer></footer>
        这里是内容
        <script>
            var a = 'hello world'
        </script>
    </body>
    <script>
        var a = 'hello world'
    </script>
</html>

src:表示包含执行的外部文件

async:<异步脚本>表示引入外部资源，走到这里会一边下载一边一边解析后边的html代码,走到</html>才会去解析这些js

defer:<延迟脚本>表示引入外部资源，走到这里会一边下载一边去解析后边的html代码

2.外联文件：

<html>
    <head>
        .....
        <script scr="./index.js">
        	//引入当前路径下一个叫做index.js的文件	
        </script>
    </head>
    <body>
        <script scr="./index2.js">
        </script>
    </body>
</html>

外联优势：可维护性、可缓存、适应未来。

注意：外联文件后<script>标签内不可以再写js代码。

3.字面量与变量

字面量：不可改变的值。例如：1，2，3 （少用）

变量：可以改变的值。例如：x，y （常用）

声明变量： var a;
为变量赋值：a=123;
同时进行：var a = 123;

alert ("str");//输出字面量str
alert (str);//输出变量str

4.标识符

在Js中，所有的可以由我们自主命名的都可以成为标识符。

例如：变量名、函数名、属性名

命名规则：

可以含有字母、数字、- 、$
不能以数字开头
不能是Js中的关键字或保留字
不要使用中文（虽然可以）
一般采用驼峰式命名法

关键字与保留字：

关键字：js中有特殊用途的英文，比如var用来声明变量

保留字：在未来的版本中可能会有特殊用途的英文。

饭可以乱吃名字不能乱取
break do instanceof typeof case else
var catch finally return void continue
for switch while debugger function this
with default if throw delete in
try abstract enum int short boolean
export interface static byte extends long
super char final native super synchronized
class float package throws const goto
private transient implements protected volatile double
import public yield

饭	可以	乱吃	名字	不能	乱取
break	do	instanceof	typeof	case	else
var	catch	finally	return	void	continue
for	switch	while	debugger	function	this
with	default	if	throw	delete	in
try	abstract	enum	int	short	boolean
export	interface	static	byte	extends	long
super	char	final	native	super	synchronized
class	float	package	throws	const	goto
private	transient	implements	protected	volatile	double
import	public	yield