在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>感谢大家观看,我们下次见
文章不错支持一下,非常喜欢
文章不错非常喜欢,支持一下
马克吐温的作品就很经典,小时候很爱看
文章不错支持一下,非常喜欢
文章不错非常喜欢,支持
文章不错非常喜欢,支持
[...]回顾如何定义作用域链如何定义'作用域'?说明不同类型的作用域作用域链Scope Chain是JavaScript中的一个基本概念,它属于确定当前执行代码的上下文变量的查找和访问机制。在作用域的构建基于词法作用域的解构,即变量和函数的可见性由它们在源代码中的位置决定。在JavaScript中,每个执行上下文如函数执行上下文都绑有一个与之关联的作用域链。这个作用域就是一个包含多个环境记录Environ[...]
哈喽,你的SSL好像过期喽
@秋风于渭水 确实
[...]不同的浏览器存在兼容性问题的核心原因是不同的浏览器可能使用的是不同的浏览器内核。在现代化开发中,大多数的浏览器兼容性问题是可以通过工程化中的配置选项来解决的。1.比如browserslist可以配置目标的浏览器或者Node环境,然后在不同的工具中起作用,比如autoprefixer/babel/postess preset env等,在进行了正确的配置后,开发的Vue或者React项目在进行打包时[...]