My Love.

最新推荐文章于 2024-07-26 11:41:15 发布

self-salvation.126

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量610

点赞数

分类专栏： JS学习日记文章标签： js javascript

本文链接：https://blog.csdn.net/qq_45938488/article/details/121349729

版权

JS学习日记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

摘要：心血来潮的想写点东西帮助自己学习，本文只记录作为初学者的作者在JS学习路上的历程，作为日记仅供参考。（作者作为一名还没入行且正在学习的初学者，文章中可能会有诸多错误，希望大佬们能帮助自己及时纠正。）

一、初识JS

JS全称：JavaScript，解释型语言，支持面向对象。JavaScript由ECMAScript、文档对象模型（DOM:Document Object Model）、浏览器对象模型（BOM：Browser Object Model）组成。

JS代码应该写在script标签中，初学者建议使用以下代码输出：
弹出一个警告框 alert("这是我的第一行JS代码");
向页面中输出内容 document.write("可以向body中输出一个内容");
向控制台输出内容 console.log("向控制台输出一个内容");
PS：JS代码遵循从上向下执行的原则

二、将JS代码应用到html中

第一种：将JS代码写到标签的onlick属性中

    ①<button onlick = "alert('你动我干嘛');">动我一下试试</button>
    ②<a href = "javascript:alert('让你动你就动？');">再动我一下</a>
    ③<a href = "javascript:;">点击后毫无反应</a>

PS：将JS代码写在标签属性中，代码属于结构与行为耦合，不方便维护，不推荐使用

第二种：将JS代码写到script标签中

    <script type = "text/javascript">
        alert("我是script标签中的代码！！！");
    </script>

第三种：通过script标签引入外部js文件

<!COCTYPE>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链入式</tiele>

    <script type="text/javascript" src="hello.js"></script>
</head>
<body>
</body>
</html>

一旦引入了外部的文件，标签内部便不可再编写代码；如有必要，可再创建新的<script>标签。<script>标签可在不同的页面中引入，同时也可以很好的利用浏览器的缓存机制。非常推荐使用

另外补充一些：

1.JS中严格区分大小写

2.JS中每一条语句以分号（;）结尾

3.JS中会忽略多个空格与换行，方便格式化

JS代码中的注释：/* ... */ 为多行注释，// 为单行注释；

字面量：一些不可改变的值，可直接使用

变量：值可以任意改变，可用来保存字面量，方便使用（可通过变量对字面量进行描述）

声明变量

//JS中使用var来声明一个变量
    var a;
//为变量赋值
    a = 123;

//声明+赋值
    var b = 789;

标识符：JS中所有可；由我们自主命名的

例如：变量名函数名属性名

命名规则：

1.可含有字母、数字、下划线（ _ ）、$

2.不能以数字开头

3.不能是ES中的关键字或保留字

4.一般采用驼峰命名法（首字母小写，单词开头字母大写）

学习任何都不能脱离现实生活

self-salvation.126

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
My Love.

心血来潮的想写点东西帮助自己学习，本文只记录作为初学者的作者在JS学习路上的历程，作为日记仅供参考。（作者作为一名还没入行且正在学习的初学者，文章中可能会有诸多错误，希望大佬们能帮助自己及时纠正。）一、初识JSJS全称：JavaScript，解释型语言，支持面向对象。JavaScript由ECMAScript、文档对象模型（DOM:Document Object Model）、浏览器对象模型（BOM：Browser Object Model）组成。JS代码应该写在script标签中，初学者建议使
复制链接

扫一扫