JavaScript语法形式1⾏内式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
⾏内式 --- 与css的⾏内式基本相同
在标签中，通过 script标签来定义JavaScript代码
但是实际操作中,⼀般是通过定义事件来定义JavaScript程序代码
这样的⾏内式，我们在实际项⽬中基本不会使⽤
只要了解即可
-->
//onclick是js点击事件
<!-- 在代码中直接定义 script 程序代码内容 -->
<div id="div1" onclick="window.alert('我是点击弹出的内容')">你点我试试</div>
<div id="div2" onclick= fun1() >试试就试试</div>
html href属性
<!-- 特殊的标签,a标签
在 a标签中有 href 属性可以定义标签的跳转对象
如果定义JavaScript程序，有可能会受到超链接跳转的影响，执⾏JavaScript代码有误
超链接要写⾏内式，定义在 href 属性中
在 href 属性中定义 JavaScript: ;
在冒号分号之间，定义 JavaScript代码
此时就不能实现页⾯跳转了，如果需要实现页⾯跳转，需要通过 BOM 操作来实现
JavaScript:; ⼤⼩写，不区分，都⾏，只是我们习惯性的 J 和 S ⼤写
JavaScript ⼤⼩写随便
因为 JavaScript 是 href的属性值，会被理解为 html 程序的⼀部分
html代码是不区分⼤⼩写的
window.alert() 是要严格区分⼤⼩写的
虽然当前也被视为 href的属性值
但是本质是⼀个js 程序
JavaScript程序会严格区分⼤⼩写
-->
<A id="a1" href="hTTps://wWW.bAIdu.cOm" onclick= fun2()>我想去百度看看</a>
<br>//是可以跳转的点击后字体是黄⾊
<a href="jAvAscRipT: window.alert('我是定义的js程序弹出内容') ;" >我是标准的超链接⾏内式</a>//出现⼀个弹窗
<!-- 没有跳转对象的超链接，之前href的属性值写的是 #执⾏效果是点击超链接，会跳转⾄页⾯的顶部
现在href的属性值，写的是 JavaScript:;
没有任何执⾏效果，不会有任何的跳转
-->
<a href="JavaScript:;">我就是随便写写的超链接</a>
<script>
function fun2(){
const oA = document.querySelector('#a1');
lor = 'orange';
}
</script>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。