二、写JS代码的三种方式

写JS代码的三种方式

1、行内式
格式：

<button onclick="alert('hello js');">点我</button>

2、内部JS（页内式）
格式：

<!-- type="text/javascript" 表示你写的脚本类型是JS -->
<!-- 如果不写，默认也是type="text/javascript" -->
<script type="text/javascript">alert("hello js");
</script>

注意：建议放在body底部，因为代码是从上到下执行的，在head标签中写的JS代码不能得到body标签中的元素，如果想写在前面，又想得到HTML中的元素可以使用window.onload。

3、外部JS（外链式）
格式：

<script type="text/javascript" src="out.js"></script>

注意：外链式的script代码块中不能编写js代码, 即便写了也不会执行；

<script type="text/javascript" src="out.js">alert("helo js~"); // 不会被执行
</script>

二、写JS代码的三种方式相关推荐

JavaScript——关于JavaScript、在HTML中嵌入JS代码的三种方式、变量
文章目录 JavaScript 01 关于JavaScript 1.1 JS的发展历史 1.2 JS的特性 1.3 JS的组成 1.4 JSP和JS的区别 02 在HTML中嵌入JS代码的三种方式 2 ...
在HTML 中嵌入 JS 代码的三种方式
一,在HTML中嵌入JS代码的第一种方式:行间事件行间事件是指将JavaScript函数写到HTML元素中的执行事件. 1.JavaScript 是一种事件驱动型的编程语言,通常都是在发生某个事件的 ...
HTML嵌入JS代码的三种方式
目录一.HTML嵌入JS代码的第一种方式:直接加一个事件句柄跟表达式二.HTML嵌入JS代码的第二种方式:脚本块三.HTML嵌入JS代码的第三种方式:外部引入js文件一.HTML嵌入JS代码的 ...
Web前端 | HTML嵌入JS代码的三种方式
✅作者简介:一位材料转码农的选手,希望一起努力,一起进步!
JS-01-在HTML中嵌入JavaScript代码的三种方式
JS-01-在HTML中嵌入JavaScript代码的三种方式 1.JavaScript概述 Web的组成有HTML.CSS还有即将要学习的JavaScript(简称JS). CSS和JS主要是服务于 ...
VSCode调试代码的三种方式
VSCode调试代码的三种方式一.配置auto-attach(影响全局的终端) 在vscode的终端里运行node时,根据不同的选项,自动判断是否启动debug模式. ctrl + shift + ...
JavaScript系列-02 HTML嵌入js代码的第二种方式
javaScript系列 HTML中嵌入js代码的第二种方式脚本块的方式文章目录 javaScript系列前言一.了解脚本块的方式 1.1运行规则二.执行原理 1.编写代码 2.效果总结 ...
JS绑定事件三种方式
三种方式 1.在DOM中直接绑定 2.在JS代码中直接绑定 3.使用事件监听函数绑定事件一.在DOM中直接绑定也就是直接在html标签中通过 onXXX="" 来绑定.举个例子 ...
js 函数定义三种方式
Js 函数定义的三种方式: 方式一:function <script type="te ...
js声明变量三种方式
变量声明的三种方式: let const var var 声明与 let 相似.大部分情况下,我们可以用 let 代替 var 或者 var 代替 let,都能达到预期的效果. let和var的区别: ...

二、写JS代码的三种方式

写JS代码的三种方式

二、写JS代码的三种方式相关推荐

最新文章

热门文章