html从零开始9:javaScript简介,语句、标识符,变量,JavaScript引入到文件【搬代码】

javaScript简介


javaScript语句、标识符


变量

html 复制代码
var num =10;
var就是固定声明,num就是变量名,10就是变量;
html 复制代码
<!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></title>
</head>
<body>

    <script>
        var num = 10;
        console.log(num)
    </script>
</body>
</html>

JavaScript引入到文件

嵌入到html文件中

html 复制代码
<body>

    <script>
        var num = 10;
        console.log(num)
    </script>
</body>

引入本地独立js文件中



html 复制代码
<body>

    <script src="./hellojs.js"></script>
</body>
javascript 复制代码
var age = 20;
console.log(age)

引入网络来源文件

html 复制代码
<!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></title>
    /*引入外部文件*/
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>

   
    
</body>
</html>
相关推荐
Zhencode5 小时前
Vue3 响应式依赖收集与更新之effect
前端·vue.js
x-cmd5 小时前
[x-cmd] jsoup 1.22.1 版本发布,引入 re2j 引擎,让 HTML 解析更安全高效
前端·安全·html·x-cmd·jsoup
天下代码客5 小时前
使用electronc框架调用dll动态链接库流程和避坑
前端·javascript·vue.js·electron·node.js
weixin199701080165 小时前
【性能提升300%】仿1688首页的Webpack优化全记录
前端·webpack·node.js
冰暮流星5 小时前
javascript之数组
java·前端·javascript
晚霞的不甘6 小时前
Flutter for OpenHarmony天气卡片应用:用枚举与动画打造沉浸式多城市天气浏览体验
前端·flutter·云原生·前端框架
xkxnq6 小时前
第五阶段:Vue3核心深度深挖(第74天)(Vue3计算属性进阶)
前端·javascript·vue.js
三小河6 小时前
Agent Skill与Rules的区别——以Cursor为例
前端·javascript·后端
Hilaku6 小时前
不要在简历上写精通 Vue3?来自面试官的真实劝退
前端·javascript·vue.js
三小河6 小时前
前端视角详解 Agent Skill
前端·javascript·后端