iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >JavaScript的书写方式有哪些
  • 597
分享到

JavaScript的书写方式有哪些

2024-04-02 19:04:59 597人浏览 独家记忆
摘要

这篇文章主要介绍“javascript的书写方式有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript的书写方式有哪些”文章能帮助大家解决问题。

这篇文章主要介绍“javascript的书写方式有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript的书写方式有哪些”文章能帮助大家解决问题。

html 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中(通常放在body)

JavaScript代码可以有三种书写方式:

行内式

内嵌式

外链式

1)行内式

<button onclick="js代码"></button>

注意:这种使用JS代码的方式局限性很大,只针对事件进行添加。并且代码分离性最差,可读性不强(用得少)

2)内嵌式

复制代码

<script>

 

</script>

复制代码

内嵌式的方式就是将JavaScript代码放在 <script> </script> 标签中,浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码

注意:那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

3)外链式

可以把脚本保存到外部文件中,外部文件通常包含被多个网页使用的代码,外部 JavaScript 文件的文件扩展名是.js

外部js文件(myScript.js):

alert(“我是外部.js文件里的JavaScript代码,我可以供多个网页使用~”)

引入外部js文件:

外链式JavaScript代码需要写在单独的 .js 文件中,供其他html页面引入使用。

引入方式是通过 <script src=''></script> 中src属性引入

注意:

(1)使用外链的 script 标签中不能写任何内容

(2)外部脚本中不能包含 script 标签

关于“JavaScript的书写方式有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网VUE频道,小编每天都会为大家更新不同的知识点。

--结束END--

本文标题: JavaScript的书写方式有哪些

本文链接: https://www.lsjlt.com/news/90786.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript的书写方式有哪些
    这篇文章主要介绍“JavaScript的书写方式有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript的书写方式有哪些”文章能帮助大家解决问题。 ...
    99+
    2024-04-02
  • javascript中函数有哪些书写方法
    这期内容当中小编将会给大家带来有关javascript中函数有哪些书写方法,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。1. 常规写法:// 函数的定义function foo()&n...
    99+
    2023-06-14
  • vue组件的书写形式有哪些
    这篇文章将为大家详细讲解有关vue组件的书写形式有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。第一种使用script标签<!DOCTYPE html...
    99+
    2024-04-02
  • 实现JavaScript编写类的方式有哪些
    这篇文章将为大家详细讲解有关实现JavaScript编写类的方式有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。网上实现javascript写类的方法有...
    99+
    2024-04-02
  • HTML样式表的书写规则有哪些
    这篇文章主要介绍“ HTML样式表的书写规则有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“ HTML样式表的书写规则有哪些”文章能帮助大家解决问题。 HTM...
    99+
    2024-04-02
  • javascript的书写位置有哪几种
    这篇文章主要讲解了“javascript的书写位置有哪几种”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript的书写位置有哪几种”吧! ...
    99+
    2024-04-02
  • css中书写注释的方法有哪些
    css中书写注释的方法有哪些?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。css是什么意思css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样...
    99+
    2023-06-06
  • javascript简写的方法有哪些
    这篇文章主要介绍了javascript简写的方法有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1. 空(null, undefined...
    99+
    2024-04-02
  • CSS的书写规范有哪些
    CSS的书写规范有哪些,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。一、CSS书写顺序1.位置属性(position, top...
    99+
    2024-04-02
  • JavaScript入门初体验书写方式
    目录javascript历史javascript是什么?javascript的作用浏览器执行js简介javascript的组成ECMAScriptjavascript初体验行内式内嵌...
    99+
    2024-04-02
  • SQL书写规范有哪些
    本篇文章给大家分享的是有关SQL书写规范有哪些,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。一.如何使用高效的索引1.索引的作用?举个例子来说...
    99+
    2024-04-02
  • CSS书写技巧有哪些
    这篇文章主要介绍了CSS书写技巧有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。CSS书写技巧-1:!important!importa...
    99+
    2024-04-02
  • CSS有哪些书写规范
    CSS有哪些书写规范,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。1.选择DOCTYPE:XHTML1.0提供了三种DTD声明可供选择:过渡的...
    99+
    2024-04-02
  • Mapper编写方式有哪些
    这篇文章给大家分享的是有关Mapper编写方式有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Mapper 编写有哪几种方式?第一种:接口实现类继承 SqlSessionDa...
    99+
    2024-04-02
  • JavaScript的简写写法有哪些
    JavaScript的简写写法有哪些,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。1.三元操作符当想写if...else语句时,使用三元操作符...
    99+
    2024-04-02
  • JavaScript的输出方式有哪些
    这篇文章主要介绍“JavaScript的输出方式有哪些”,在日常操作中,相信很多人在JavaScript的输出方式有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Java...
    99+
    2024-04-02
  • javascript传值的方式有哪些
    今天小编给大家分享一下javascript传值的方式有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。值传递值传递即传递的...
    99+
    2023-07-06
  • JavaScript传参的方式有哪些
    这篇文章主要介绍“JavaScript传参的方式有哪些”,在日常操作中,相信很多人在JavaScript传参的方式有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript传参的方式有哪些”的疑...
    99+
    2023-07-05
  • javascript的继承方式有哪些
    这篇文章主要讲解了“javascript的继承方式有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript的继承方式有哪些”吧! ...
    99+
    2024-04-02
  • javascript的引用方式有哪些
    这篇文章主要讲解了“javascript的引用方式有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript的引用方式有哪些”吧! ...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作