JavaScript三种书写形式

最新推荐文章于 2022-01-16 14:56:00 发布
最新推荐文章于 2022-01-16 14:56:00 发布
阅读量818 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qzcrystal/article/details/104033221
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
    <!--1、行内JS-->
    <button onclick="alert('aaa');">点我</button>
    <a href="javascript:alert('aaa');">点我</a>
	
    <!--2、页内JS-->
    <script type="text/javascript">
        window.onload = function(){
            alert("aaa");
        }
    </script>
</body>
</html>

3、外部JS

需要通过src属性引入<script type="text/javascript" src = ""></script>

crystal---
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript自学笔记【1】书写js的三种方法（行内、内部、外部）
weixin_59154522的博客
07-13 2724
1
【1】JS：1.JS的三种书写方式 2.JS输出方式 3.JS严格区分大小写 4.JS标识符 5.JS的进制表示
qq_20535249的博客
07-13 397
1.JS的三种书写方式 1.行内式： 方式一： <button onclick="alert('今天天气很好！');">今天天气?</button> 虽然可以写在标签的属性中，但是结构与行为耦合，不方便维护，不推荐使用 方式二： <a href="javascript:alert('你点疼我了！！');">点我</a> 2.页内式： 写法 ...
JavaScript之三种书写方式、数据类型、数据类型转换、条件语句、循环语句、三元表达式、数组、函数、创建对象、内置对象之Math对象，Date日期对象，数组对象，字符串对象、以及堆与栈
m0_63374484的博客
01-16 860
@目录TOC 一、js的三种书写方式 1.行内式 2.内嵌式 3.外部式 二、数据类型 1.Number数字型 2.String字符串型 3.Boolean布尔型 4.undefined及null 5.获取数据变量类型（typeof） 三、数据类型转换 1.转换成字符串类型 2.转换成数字型 3.转换成布尔型 四、语句 1.条件语句 （1）if…else （2）switch…case 2.循环语句 （1）while （2）do…while （3）for 3.三元表达式 五、数组 1.数组长度 2.添加数组元
javascript存在的3种形式
weixin_30706507的博客
04-04 71
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> css代码 </style> <s...
JavaScript书写格式
JiangNanMax的博客
09-03 8760
02-JavaScript基础-书写格式 JavaScript的语法规范 JavaScript有三种书写格式，分别是“行内式”、“页内式”、“外链式” 行内式 &amp;lt;button onclick = &quot;alert('今天天气很好! ');&quot;&amp;gt;今天天气很好！&amp;lt;/button&amp;gt; 行内式注意点 JS内使用单引号 页内式 &amp;lt;body&a
JavaScript常用代码书写规范的超全面总结
10-21
给大家全面总结了JavaScript常用代码的书写规范，分别利用推荐和不推荐的两种示例代码让大家更能直接的了解书写规范，其实关于javascript代码规范我们应该遵循古老的原则：“能做并不意味着应该做”，好了，下面我们...
3种vue组件的书写形式
08-28
书写 Vue 组件有多种形式，本文将详细介绍三种常见的 Vue 组件书写形式。 第一种：使用 script 标签 使用 script 标签书写 Vue 组件是一种常见的方法。下面是一个简单的示例： ```html <!DOCTYPE html> ...
JavaScript书写规范
05-24
JavaScript 书写规范 在 JavaScript 开发中，编写规范是一个非常重要的方面，良好的编写规范可以使代码更加易读、易维护、易优化，提高加载速度，优化代码结构。本文档的目标是使 JavaScript 代码风格保持一致，...
javaScript学习笔记总结.docx
03-17
JavaScript的书写位置有三种： 1. 内嵌式：直接将JavaScript代码写在HTML文件中。 2. 外链式：将JavaScript代码放在独立的.js文件中，通过`<script>`标签引入。 3. 行内式：将JavaScript代码作为HTML标签的属性，如`...
JavaScript 点击事件的三种写法
dizan4060的博客
08-14 290
嵌入式 <button οnclick='alert("hello")'>点击按钮</button> 脚本模型 btn.onclick=function(){} 下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("target").clic...
crystal.js:WebGL驱动的3D晶体结构查看器
05-02
Crystal.js 在查看演示 具有以下功能的WebGL 3D水晶查看器 没有服务器端处理。 将HTML 5 canvas和WebGL结合使用，以利用用户的图形处理功能。 具有数百个原子的几乎为零的滞后 用鼠标，键盘或游戏控制器进行控制。 沉浸式3D模式可与任何手机和耳机兼容（您需要游戏控制器）。 沿任意方向创建曲面 球面，半球面，晶胞和超晶胞视图 透视和正射投影 六维位置控制（3个平移，3个旋转） 添加向量并使用它们定向晶体 如何使用 查看器依赖于jQuery，THREE.js和 mousewheel库 您可以从crystal目录中全部加载它们，但是如果前两个使用CDN，则加载速度会更快。 <body> <!-- Create a div to hold the crystal. Should probably have explicit positioning set.
JS的三种书写方法
qq_15034541的博客
09-17 1114
行内式： 1、实例：<input type="button" value="点我试试" onclick="alert('Hello World')" /> 2、可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），如：onclick 3、注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号 4、可读性差， 在html中编写JS大量代码时，不方便阅读； 5、引号易错，引号多层嵌套匹配时，非常容易弄混； 6、特殊情况下使用 内嵌式： 实例：&l
JS三种书写方法
weixin_42378409的博客
04-16 1302
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
JavaScript(1) 入门之三种写法
郑清
10-17 2879
如何写JS？？？ 方式1：行内JS <a href="javascript:alert(参数值)">浏览器显示信息</a> 方式2：页面内JS （注意：代码从上往下执行，可以写在页面内的任意位置！！） <script type="text/javascript"> JS代码 </script> 方式3：外部JS （注意：...
JS的三种书写位置
weixin_45682952的博客
09-22 450
第一种：行内式 直接写在标签内部。 <input type='button' value='唐伯虎' onclick='alert('点秋香')'> 第二种：内嵌式 直接在head标签中使用script标签，书写js代码。 <script> alert('hello'); </script> 第三种：外部式 新建一个my.js文件，在my.js中写相应的js代码，再通过src进行引入。 <script src="my.js">&l
前端学习（326）：javascript三种写法
歌谣的博客
01-06 225
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
js组成、js三种写法
qfCSDN的博客
03-08 212
JavaScript语言的组成 ECMAScript - JavaScript的核心 ECMAScript定义了JavaScript的语言规范 JavaScript的核心：描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关 DOM - 文档对象模型(WebAPI) 一套操作页面元素的API（别人提供好的一套方法） DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作 BOM - 浏览器对象模型(WebAPI)
js的三种方法类型
banlifeather的专栏
12-30 537
1、js的三种方法类型？ 1.1、对象方法：如果类生成了一个实例，那么该实例就可以使用该方法 function Person(name){ this.name = name; this.msgConsole = function(){ console.log("对象方法"); }  } 1.2、类方法：无需通过生成实例而可以直接使用方法 function Person(nam
js代码的书写方式
Public places
07-30 2200
嵌入式写法 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt; // 弹窗效果 alert(&quot
利用JavaScript书写代码并用HTML格式:简易留言板
最新发布
05-26
JavaScript部分： ``` let messages = []; function submitMessage() { let name = document.getElementById("name").value; let message = document.getElementById("message").value; messages.push({name: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值