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

 更新时间:2021年12月04日 09:34:41   作者:「已注销」  
这篇文章主要介绍了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…

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js判断浏览器类型,版本的代码(附多个实例代码)

    js判断浏览器类型,版本的代码(附多个实例代码)

    当前世界上有很多种浏览器,除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器,有时候我们需要判断浏览器与版本方便后续的操作,一句话浏览器的兼容性太差了,缺少标准
    2014-05-05
  • 利用JavaScript阻止表单提交的两种方法

    利用JavaScript阻止表单提交的两种方法

    本文介绍怎样利用JavaScript来阻止表单提交的两种方法,分别是return false和使用preventDefault(),有需要的可以参考借鉴,下面一起来看看。
    2016-08-08
  • mac上配置Android环境变量的方法

    mac上配置Android环境变量的方法

    这篇文章主要介绍了mac上配置Android环境变量的方法,需要的朋友可以参考下
    2018-07-07
  • javascript实现控制浏览器全屏

    javascript实现控制浏览器全屏

    这篇文章主要介绍了javascript实现控制浏览器全屏的代码分享给大家,十分的实用,有需要的小伙伴可以参考下。
    2015-03-03
  • JS学习笔记之原型链和利用原型实现继承详解

    JS学习笔记之原型链和利用原型实现继承详解

    这篇文章主要介绍了JS学习笔记之原型链和利用原型实现继承,结合实例形式详细分析了javascript原型链以及利用原型实现继承的相关操作技巧与注意事项,需要的朋友可以参考下
    2019-05-05
  • jquery pagination插件动态分页实例(Bootstrap分页)

    jquery pagination插件动态分页实例(Bootstrap分页)

    这篇文章主要为大家分享了Bootstrap静态分页和jquery pagination插件动态分页两个实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Javascript连接数据库查询并插入数据

    Javascript连接数据库查询并插入数据

    这篇文章主要介绍了Javascript连接数据库查询并插入数据,下面文章围绕主题展开详细内容,具有一的参考价值,需要的小伙伴可以参考一下,希望对你的学习有所帮助
    2022-03-03
  • 扩展JavaScript功能的正确方法(译文)

    扩展JavaScript功能的正确方法(译文)

    JavaScript已经内置了很多强大的方法,但有时你需要的某个功能在内置的方法中没有,我们怎么来优雅地扩展JavaScript功能呢
    2012-04-04
  • js使弹层下面的body禁止滚动

    js使弹层下面的body禁止滚动

    这篇文章介绍了js使弹层下面body禁止滚动的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • Javascript中异步等待的深入理解

    Javascript中异步等待的深入理解

    Async / Await是人们期待已久的JavaScript功能,它使使用异步功能更加有趣和易于理解。这篇文章主要给大家介绍了关于Javascript中异步等待的相关资料,需要的朋友可以参考下
    2021-05-05

最新评论