欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

javascript内嵌式与外链式的基本应用方式

时间:2022-08-08 08:20:12|栏目:JavaScript代码|点击:

javascript内嵌式与外链式基本应用

js语言可以完全放在html语言中

但视情况而定可以分为内嵌式以及外链式

当js代码较少,可以直接使用内嵌式 通过<script></script>标签以及相关属性引入javascript

<!DOCTYPE html>
<html>
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>
<body>
 
</body>
</html>

但是在大型工程以及javascript代码较多时就需要使用外链式了

使用外链式时需要先新建一个.js文件

<!DOCTYPE html>
<html>
<script type="text/javascript" src="1245.js">
</script>
<body>
 
</body>
</html>

将需要编写的javascript代码放在1245.js的文件中

JavaScript的三种书写方式:行内式、内嵌式、外链式

1、行内式

在html标签的属性内,通过行为触发执行.(几乎不用)

在这里插入图片描述

2、内嵌式

在html文件内使用script标签包裹起来,页面打开自动执行。(使用方便,但是大篇幅的JS代码千万不要用。)

在这里插入图片描述

3、外链式

写在独立的js文件内,在html文件中使用script标签的src属性引入,页面打开自动执行。(推荐使用,因为有各种优化方法)

在这里插入图片描述

在这里插入图片描述

:行内真的很少用,几乎不用。内嵌和外链不能共用一个script标签。外链的script标签,原则上来说可以放在任何位置。外链的script属性为src,不是href,不是href,不是href…

上一篇:微信小程序如何获取openid及用户信息

栏    目:JavaScript代码

下一篇:bootstrap下拉框动态赋值方法

本文标题:javascript内嵌式与外链式的基本应用方式

本文地址:http://www.codeinn.net/misctech/210166.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有