JavaScript的书写方式

于 2024-02-28 23:08:37 发布
阅读量430 收藏 13
点赞数 16
分类专栏： 前端 文章标签： javascript 开发语言 ecmascript 学习 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73740682/article/details/136358594
版权

JavaScript的书写方式

目前较为流行的是第二种和第三种，第一种很少见。在第二种和第三种推荐使用第三种，因为在日常开发/工作中，第三种是最为常见的

1.行内式

把JS代码嵌入到html元素内部

示例代码

image-20240228221932146

运行效果

image-20240228222430887

由于JS中字符串常量可以使用单引号''表示, 也可以使用双引号""表示，所以上述代码还可以写为：

<input type="button" value="这是一个按钮" onclick='alert("哈哈哈")'>

注：HTML 中推荐使用双引号""，JS 中推荐使用单引号''


2.内嵌式

通过script标签进行一个引入

示例代码
image-20240228223924629

运行效果
image-20240228225408722


3.外部式

开发过程中非常常用的，用一个单独的js文件来写js代码，通过一个src把这个文件进行引入

示例代码
demo03.js

alert("这是我在学习JS")

image-20240228230145430

运行效果

image-20240228230025350

fly in the sky !
关注
专栏目录
在HTML网页中书写JavaScript
pengjunlee的博客
10-30 5万+
参考书籍：《JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM》编著：张亚飞 1.使用<script>元素定义JavaScript脚本代码 在HTML文档中，可以使用使用<script>元素向HTML页面中插入JavaScript脚本，<script>元素的语法格式如下： <script type...
Js书写形式
qq_43728862的博客
11-10 294
** 行内式 ** 以JS里面的alert为例(alert弹出警告框)* 顾名思义：它是作用于一行的 <!--行内式--> <body> <a href="javascript:alert('警告');">病毒网站</a> </body> 效果图 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2019...
JS-书写格式
堇年
09-13 3527
JS-书写格式行内样式内嵌样式(内联样式)外链样式注意点 行内样式 写在标签内部 <div onclick="alert('666')">我是div</div> 内嵌样式(内联样式) 写在一对head标签中 <script> alert(666); </script> 外链样式 写在一个单独的.js文件中, 再导入进来 <scrip...
JS的书写格式
热门推荐
博客之家
05-25 1万+
JS的书写格式 分为行内JS、内部JS和外部JS三种
JS的三种书写方式
Doris_sun的博客
05-29 6814
一、行内式 1.行内式： 方式一： <button onclick="alert('今天天气很好！');">今天天气?</button> 虽然可以写在标签的属性中，但是结构与行为耦合，不方便维护，不推荐使用 方式二： <a href="javascript:alert('你点疼我了！！');">点我</a> 2.页内式 <body> …… <script type="t...
javascript书写方式
10-17
javascript书写方式
JavaScript书写规范
05-24
JavaScript 书写规范 在 JavaScript 开发中，编写规范是一个非常重要的方面，良好的编写规范可以使代码更加易读、易维护、易优化，提高加载速度，优化代码结构。本文档的目标是使 JavaScript 代码风格保持一致，...
JavaScript常用代码书写规范的超全面总结
10-21
给大家全面总结了JavaScript常用代码的书写规范，分别利用推荐和不推荐的两种示例代码让大家更能直接的了解书写规范，其实关于javascript代码规范我们应该遵循古老的原则：“能做并不意味着应该做”，好了，下面我们...
Dojo Javascript 编程规范 规范自己的JavaScript书写
01-19
良好的JavaScript书写习惯的优点不言而喻，今天彬Go向大家推荐Dojo Javascript 编程规范，相当不错的 Javascript 编程风格规范，建议大家可以借鉴一下此规范编写 Javascript。感谢i.feelinglucky的翻译。 序 Any ...
JavaScript书写格式
abc689101的博客
03-20 3329
可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性），如<onclick>。 注意单双引号的使用：在HTML中我们推荐使用双引号，JS中推荐使用单引号。 可读性差，引导多层嵌套匹配时，非常 JavaScript的行内式虽然可以写在标签的属性中，但是结构与行为耦合，不方便维护，不推荐使用 1.<script></script>标签中的JS代码一版写在文档的尾部； 网页是从上而下加载的，而JS代码通常是给变迁添加交互（操作元素.
Js写法
she8656837的专栏
10-30 420
常见写法: function Test(){ alert("test"); } 调用:Test() 写法2： 匿名函数： var test=function(){ alert("test"); } 调用:test();  写法3： (function () {    alert('test');  })();
js 写法参考
jianfpeng241241的专栏
12-29 2212
//create 2015/12/22 window.onload = function(){ var maps = new Maps(); maps.init(); }; var Maps = function(){}; function Progress(ele){ this.ele = ele; this.loading = 0; this.loaded = 0; }; // 进度
关于js的几种写法
sing_1234的博客
10-24 694
****************************************************************************00000 -function(){ alert("就问你到底有多帅-"); }(); **************************************************************************
JS的几种写法
WHY_222的博客
04-21 628
常见写法: function Test(){ alert("test"); } 调用:Test() 匿名函数： var test=function(){ alert("test"); } 调用:test();  写法3： (function () {    alert('test');  })(); 写法4： var Test = { test1:funct
JS有哪几种写法
weixin_57772827的博客
03-08 810
行内JS。 什么是行内？行内就是在你所要实现效果的HTML标签里面。 例如：<buttononclick= "alert('你好')">哈喽</button> 这就是行内JS了，但是这样写是不推荐的，因为这样代码不够整洁和日后的维护。 内部JS。 内部JS通常用来运行一些小网页，和一些小部分的触发效果，也是写在HTML文档里面，跟行内JS不同的是它需要script标签里面写JS代码。 例如：<script> alert("下午好") ...
js基础写法
anhldd的博客
11-29 2228
/*! @Title: Layui @Description：经典模块化前端框架 @Site: www.layui.com @Author: 贤心 @License：LGPL */ //开头的分号，意在防止与其他js文件合并压缩时，由于上一个文件没有用分号结尾而产生问题 //常见的(多了一对括号),调用匿名函数:(function() {})() //另外一种!function(){}()前面加上...
JS的三种写法和三种输出方式以及代码调试
chuxialia的博客
07-04 1104
在标签内部的事件属性中写js代码：行内写js JS的第二种写法：嵌入 在html的任何地方 添加一个script标签 然后在标签内部写js代码 也可以添加多个 代码都是从上到下依次执行 JS的第三种写法：引入 js文件中写：然后外部导入 ES5这个版本,就在标签中加一个scr属性 然后链接到js文件的地址，引入了文件就能执行标签里面的代码 ES6这个版本，用import导入，引入文件后依旧可以执行标签里面的代码 JS的三种输出方式 JS的第一种输出方式 使用 alert(），弹窗输出 JS的第二种输出方式
js函数的几种写法
美丽的泡沫
06-26 4173
(function(){})()
JavaScript注释与书写规范详解
函数的注释规范对于团队协作尤其重要，因为它可以帮助其他开发者理解代码的功能和使用方式。同时，null和undefined是JavaScript中的两个特殊值，它们分别代表空引用和未定义的值，理解它们的含义和用法也是掌握...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值