首页 » Web前端 » php外链js技巧_JavaScript代码的三种引入办法操作演示

php外链js技巧_JavaScript代码的三种引入办法操作演示

访客 2024-11-02 0

扫一扫用手机浏览

文章目录 [+]

<a href="javascript:alert('Hello');">test</a>

须要解释的是,行内式只有在临时测试或者分外情形下利用,一样平常情形下不推举利用行内式,由于行内式有如下缺陷。

(1)行内式可读性较差,尤其是在HTML文件中编写大量JavaScript代码时,未便利阅读。

php外链js技巧_JavaScript代码的三种引入办法操作演示

(2)行内式在碰着多层引号嵌套的情形时,引号非常随意马虎稠浊,导致代码出错。

php外链js技巧_JavaScript代码的三种引入办法操作演示
(图片来自网络侵删)
2.嵌入式

嵌入式(或称内嵌式)利用<scrip>标签包裹JavaScript代码,直接编写到HTML文件中,常日将其放到<head>标签<body>或标签中。
<scrip>标签的type属性用于奉告浏览器脚本类型,HTML.5中该属性的默认值为“text/javascript”,因此在利用HTML5时可以省略ype属性。
嵌入式的示例代码如下:

<script> JavaScript代码</script>3.外链式

外链式(或称外部式)是将JavaScript 代码写在一个单独的文件中,一样平常利用“js”作为文件的扩展名,在HTML页面中利用<script>标签的src属性引人“js”文件。
外链式适宜javascript代码量较多的情形。
在html页面中引入“js”文件,示例代码如下:

<script src="test.js"></script>

上述代码表示引入当前目录下的tesL.js文件。
须要把稳的是,外链式的标签内不可以编写JavaScript 代码。

为了帮助初学者更好地理解外链式,下面利用外链式实现浏览网页时在页面中自动弹出警告框。
创建Example02.html文件,引入Example02.js文件,详细代码如例1-2所示。

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script src="Example02.js"></script></body></html>

标签的src属性设置了要引入的文件为Example02.js。

创建Example02.js文件,在该文件中编写如下代码:

alert ('Hello JavaScript');

保存代码,在浏览器中访问Example02.html文件,页面效果与例1-1相同。

以上讲解了JavaScript的3种引入办法。
当代网页开拓中提倡构造、样式、行为的分离,即分离HTML、CSS、JavaScrixt这3部分代码,这样更有利于文件的掩护。
当须要编写大量的、逻辑繁芜的、具有特定功能的JavaScrigt代码时,推举利用外链式。
外链式比较嵌入式,具有以下3点上风:

(1)外链式存在于独立文件中,有利于修正和掩护,而嵌人式会导致HTML代码与JavaScript代码稠浊在一起。

(2)外链式可以利用浏览器缓存提高速率。
例如,在多个页面中引入相同的JavaScript文件时,打开第1个页面后,浏览器将JavaScript文件缓存下来,下次打开其他页面时就不用重新下载该文件了。

(3)外链式有利于HTML页h代码构造化,把大段的JavaScript代码分离到HTML页面之外,既都雅,也方便文件级别的代码复用。

标签:

相关文章

php私有_公有技巧_PHP 运用类

类是变量与浸染于这些变量的函数的凑集。工具:实际存在该类事物中每个实物的个体。$a =new User( ; 实例化后的$a。创建...

Web前端 2024-12-08 阅读0 评论0

php爬虫写法技巧_PHP爬虫编写

PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本措辞。语法接...

Web前端 2024-12-08 阅读0 评论0