JavaScript的引入fang

Posted 张晓NAN

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript的引入fang相关的知识,希望对你有一定的参考价值。

javascript

   是基于对象和事件驱动的客户端脚本
【组成】
  Bom:浏览对象模型(与浏览器交互的方法和接口)
  Dom:文档对象模型(处理网页内容的方法和接口)
  ecma:核心(描述了js的语法和基本对象)

 

总结下,常用的一下几种方式引入js代码:

1、页头引入(head标签内);

2、页中引入(body标签内);

3、元素事件中引入(标签属性中引入);

4、引入外部JS文件;

一、页头引入JS

在页头引入JS,指的就是在<head></head>标签内编写JavaScript。

 1 <!DOCTYPE html> 
 2 <html>
 3 <head>
 4     <title></title>
 5     <script type="text/javascript">
 6         //这里编写JavaScript程序
 7     </script>
 8 </head>
 9 <body>
10 </body>
11 </html>

说明:

<script type="text/javascript">……</script>格式是固定的,JavaScript代码必须在<script></script>标签内编写,并且必须设置type属性值为“text/javascript”。

<script type="text/javascript">……</script>这句语句要记忆的喔,别到时候写个JavaScript程序连这句都要回来这里复制代码过去呀。

 

二、页中引入JS

 

在页中引入JS,指的就是在<body></body>标签内编写JavaScript。

 1 <!DOCTYPE html> 
 2 <html>
 3 <head>
 4     <title></title>
 5 </head>
 6 <body>
 7     <script type="text/javascript">
 8         //这里编写JavaScript程序
 9     </script>
10 </body>
11 </html>

三、元素事件中引入JS

在元素事件中引入JS,就是指在元素的某一个属性中直接编写JavaScript程序或调用,这个属性指的是元素的“事件属性”。

 

1 <!DOCTYPE html> 
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4     <title></title>
5 </head>
6 <body>
7     <input type="button" onClick="alert(‘绿叶学习网‘)" value="按钮"/>
8 </body>
9 </html>

 

四、引入外部JS文件

引入外部JS文件,说白了就是把JavaScript程序存放在一个后缀名为.js的文件中,然后使用script标签来引用。此外,引用外部JS文件的script标签可以放在head标签内,也可以放在body标签中。一般只有用些插件写在head内,大多数是写在body内最下面,因为在加载页面时css和html是先加载的。

1 <script src="js/index.js" type="text/javascript"></script>

 

这就是一些常用的js引入方式咯~~~~

 





以上是关于JavaScript的引入fang的主要内容,如果未能解决你的问题,请参考以下文章

hdu 5455 Fang Fang

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)