在html中嵌入JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 1.嵌入html内部 -->
<a href="javascript:alert('百度一下')" onclick="alert('点击百度一下')">百度一下</a>
<!-- 2.写到script元素中 -->
<a class="google" href="#">Google一下</a>
<script>
const googleEl = document.querySelector(".google")
googleEl.onclick = function() {
alert("Google一下")
}
</script>
<!-- 3.单独的JavaScript文件 -->
<a class="bing" href="#">Bing一下</a>
<script src="./bing.js"></script>
</body>
</html>noscript使用方法
在谷歌浏览器中如何禁止使用JavaScript呢，地址栏输入chrome://settings/content/javascript。
选择如下所示内容：
然后我们使用如下代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<noscript>
<h2>您的浏览器不支持JavaScript, 请打开对应渲染或者更换浏览器!</h2>
</noscript>
<script>
// alert("Hello World")
console.log("Hello World")
</script>
</body>
</html>浏览器会显示：您的浏览器不支持JavaScript, 请打开对应渲染或者更换浏览器!;
javascript的三种注释
<!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>
<script>
// 1.单行注释
// 2.多行注释
/*
我是一行注释
我是另一行注释
*/
// 3.文档注释
/**
* 和某人打招呼
* @param {string} name 姓名
* @param {number} age 年龄
*/
function sayHello(name,age){
}
sayHello()
</script>
</body>
</html>console的快速编写方式
<!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>
<script>
console.log("Hello World")
// 推荐方式一：log -> enter
console.log("Hello World")
// 推荐方式二：react插件 -> clg -> enter
console.log("Hello World")
// 函数
function sayHello(){
}
</script>
</body>
</html>感谢大家观看，我们下次见
我热爱 旅游专栏。令人惊艳了解路线。
欣赏你的照片, 我明白, 世界很美。感谢 旅行灵感。
读起来像小说。继续保持 带来的灵感。
让人精神焕发的 帖子! 我准备订票了。
以后焦虑了或者迷茫了记得回来看看![[[流泪]]](https://www.xvzhu.cn/usr/themes/freewind/static/img/face/emotions/5.gif)
我非常喜欢 出行博客。鼓舞人心查看路线。
你们的博客 百分百 帮助选择路线。坚持!
信息丰富的 出行资源! 越来越棒!
My brother suggested I might like this blog. He was entirely right. This post actually made my day. You cann't imagine just how much time I had spent for this information! Thanks!
我热爱, 写得很实在。你的博客 就是 最好的例子。很出色。