JavaScript学习笔记（1）

最新推荐文章于 2024-07-29 17:08:18 发布

chaos-风木雨

最新推荐文章于 2024-07-29 17:08:18 发布

阅读量205

点赞数

分类专栏：学习笔记文章标签： JavaScript 学习笔记

本文链接：https://blog.csdn.net/chch1999/article/details/83692551

版权

学习笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript学习笔记（1）

JS基本
变量
基本操作符
HTML与JS

本文为初学者学习笔记，多有谬误，欢迎指正。

JS基本

为一种通用的客户端网页脚本语言，用于实现HTML中所需的数据处理功能。
的核心与基础为ECMAScript语言
区分大小写
命名规范：
推荐驼峰命名法：即第一个词首字母小写后面的词首字母大写（如：myName，peopleInChina, myFavoriteBeauty）

变量

非严格的变量类型（泛型变量）var可声明全部类型的变量

	var t1=123;                 /*number数字型*/
    var t2=false;               /*boolean布尔型*/
    var t3="hello";             /*string字符串*/
    var t4=new object();        /*对象object*/
    var t5=function () {
        alert("I'm fine.")
    }                           /*函数 function*/
                                /*undifine*/

变量类型

Number 数值。可表示其他语言常见的整型和浮点型的数字。

科学计数法：

	 var EN=3.1275e5;/*值为3.1275*10^5即312750*/

其他变量转换为num:三种方法

Number();
parseInt（）；
parseFloat（）；

	/*一般方法*/
     var num1=Number(false);
   /*更优的String2Number*/
     var num2=parseInt("187");
     var num3=parseFloat("192.35");

boolean布尔。仅有true/false两种值。
object一般对象，可添加子变量、函数
function不是严格意义上的变量但是在js中具备部分变量的属性，可作为变量处理。
undefined未定义变量，声明后未进行初始化的变量。

基本操作符

自增运算符“++”、自减运算符“–”、加减运算符‘+’‘-’、位与“AND”、位或“OR”、位非“NOT”、左移“<<”、右移无符号“>>>”、右移有符号“>>”、逻辑与“&&”、逻辑或“||”、非“！”…基础的基础，懒得多描述了

HTML与JS

html绑定JavaScript的方法：

内部脚本

代码嵌在HTML中"<script></script>"标签内

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet"  href="css/zb.css">
    <title>hello Js</title>
    <script>
        function Fun1() {
            var img="<img src=\"Love.jpg\" onclick=\"miss1()\">";
            document.getElementById("add1").innerHTML=img;
        }
    </script>
    
</head>
<body>
    <h1 onclick="Fun1()">学习使我快乐</h1>
    <p >hello,JavaScript</p>
<div id="add1"></div>
</body>
</html>

外部脚本
引入外部脚本文件

HTML文件：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet"  href="css/zb.css">
    <title>hello Js</title>
</head>
<body>
    <h1 onclick="Fun1()">学习使我快乐</h1>
    <p >hello,JavaScript</p>
<div id="add1"></div>
    <script type="text/javascript" src="ttt.js" ></script>
</body>
</html>

ttt.js文件：

function Fun1() {
    var img="<img src=\"Love.jpg\" onclick=\"miss1()\">";
    document.getElementById("add1").innerHTML=img;
}

注意到，上述两种方式插入脚本的位置不同，一个在<head>标签中，一个在<body>尾部。了；两个位置对两种方式都是可行的，但放在文件头会导致页面加载变慢，现在多将其放在body的尾部。
(上述代码实现点击标题添加图片功能)
在这里插入图片描述

chaos-风木雨

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记（1）

JavaScript学习笔记（1）JS基本变量本文为初学者学习笔记，多有谬误，欢迎指正。JS基本为一种通用的客户端网页脚本语言，用于实现HTML中所需的数据处理功能。的核心与基础为ECMAScript语言区分大小写命名规范：推荐驼峰命名法：即第一个词首字母小写后面的词首字母大写（如：myName，peopleInChina, myFavoriteBeauty）变量非严格的变...
复制链接

扫一扫

专栏目录