本文内容基于JavaScript 相关基础知识进行介绍
在几年前,博主有意学习前端相关的内容,诸如Vue等相关的框架,所以也就想了解一下关于Html、CSS、JavaScript 等相关内容,但是没有实战的地方,随之放弃。
时至今日,鸿蒙系统上线,看到用的语言是基于TypeScript (自认为) 的arkts(android runtime kit type script) 所以去了解下对应的知识,发现还得是JavaScript,所以在此记录,把对应的知识重新再梳理一遍,书中多有错误,烦请诸君斧正,感谢~
JS是一个运行在客户端的编程语言
规定了JS的基础语法&核心知识,例如:
针对文档的操作& 针对浏览器的操作~
懵吧?我也是懵懵的, 对于这些术语大概先了解一下即可,后续可能会慢慢透彻~
tips: mdn javascript 权威网站~
直接写在html文件中,用sctipt 标签包裹住,例如:
<html>
<head>
...
</head>
<body>
...
<script>
//在这里写javascript
</script>
</body>
</html>
但是这里要注意的是:
script标签 卸载 上面,原因是因为我们将
// 在js文件中,直接写js代码就可以了
alert("我是外部js")
<html>
<head>
...
</head>
<body>
...
<script src="./js/my.js">
//如果是外部引入的js(标识src)那么再在其内部写js代码也不会执行
</script>
</body>
</html>
通过以上代码不难看出,在外部的js文件, 需要以相对路径引入到src中去,且在script标签中书写的代码不会被执行;
在外部书写js的优点是分离,更易于复用,并且没有脚本html代码的混合,更清晰一些~
代码写在标签内部,还是以上面例子为例:
<html>
<head>
...
</head>
<body>
//在onclick中直接写的js代码,即成为行内js
<button onclick="alert('行内js')">按钮名称</button>
</body>
</html>
但是这种用的不多,仅作为demo或者vue框架用的多一些~
相当于java的;符号,其js也可以使用; 来表示语句的结束,但是也看具体情况,写不写;最重要的是风格统一
alert("是我,alert弹窗")
比较基础的语法,没什么好说的,就是页面弹窗,后续可能有更多的形式,这里暂不赘述(因为我也不知道)
document.write("我是文字")
document.write("<h1>我是h1标签</h1>")
向文档插入语句,如果是html,则会执行该语句;
prompt("请输入文字:")
执行该js时, 会蹦出一个弹窗,提示文字是请输入文字:然后一个输入框~
需要着重注意的是,alert和prompt 语句他们会跳过页面渲染,先被执行(不知道为啥,后续了解)
console.log("日志打印:")
没什么好说的~
伸伸懒腰,时间又不早了(bgm:北京时间23:33)
以上就是今天学习梳理的内容,简单的对JS有一个基础的认知和运行时的学习,诸君大可一眼扫过,不必过于纠结,都是一些很基础的东西~
再会~