IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> HTML+CSS+JS学习记录(4) -> 正文阅读

[JavaScript知识库]HTML+CSS+JS学习记录(4)

JS三种使用方式

1.行内js:

在html上直接写js代码

<!-- 行内js -->
    <button onclick="alert('Holle world');">按钮</button>

2.内部js:

在script标签中写js代码,script标签可以放在head中或body中(建议放在body标签最后)

<!-- 内部js -->
    <script type="text/javascript">
        alert("这是一个按钮");
    </script>

3.外部js:

? ? ? ? 定义js文件,通过script标签的src属性引入对应的js文件。如果script标签设置了scr属性,则

在script双标签中的代码不会生效

<!-- 外部js -->
    <script src="js/test.js" charset="UTF-8"></script>

基础语法

语句:

1.js代码一行为单位,语句可以不加分号结尾。但当一行中有多条语句,每句语句必须以" ; "结尾。

2.表达式不需要以分号结尾,如果加了分号Javascript引擎会当成语句执行,生成无用语句。

标识符和关键字

标识符规则:

由Unicode字母、_ 、$、数字组成、中文组成

(1)不能以数字开头

(2)不能是关键字和保留字

(3)严格区分大小写

标识符规范:

(1)见名知意

(2)驼峰命名或下划线规则

变量

变量的声明:

js声明变量时不需要指明数据类型,直接用var修饰进行声明

var a = 10;

如果重新声明一个存在的变量是无效的,但是声明并且赋值就会覆盖。

声明提升:JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。

数据类型

undefined 类型的值是 undefined。

undefined 表示“无”的原始值,表示值不存在。

1、变量只声明未赋值,值为undefined

var c;
console.log(c)

2、定义函数需要形参,调用函数未传递实参时,参数值为undefined

function fn1(a){
    console.log(a);
}
fn1()

3、当函数没有返回值时,接受值为undefined

function fn2(){
    console.log("qwwew");
}
var d = fn2();
console.log(d);

null类型:

表示空值

1、使用 typeof 操作符测试 null 返回 object 字符串

2、underfined 派生自 null,所以等值比较返回值是ture,未初始化的变量和赋值是null

数值型:

数值型包括两种:整型、浮点型。

字符串:

1、使用单引号或双引号引起来的

2、可以用"+"对字符串进行拼接

var s1 = 'Hello';
var s2 = "Hello";
console.log(s1,s2);
console.log(s1+s2);

对象类型:

????????数组

????????????????var 数组名 = [];

? ? ? ? 对象

? ? ? ? ? ? ? ? var 对象名 = {};

? ? ? ? 函数

? ? ? ? ? ? ? ? function 方法名(){

? ? ? ? ? ? ? ? }

类型转换

自动类型转换

函数转换:

parseInt()? ? ? ? ? ? 转整数型

parseFloat()????????转浮点型?

转换时从第0个位置开始找有效数字,直到找到无效数字位置

        console.log("==============");
        console.log(parseInt("123abc"));
        console.log(parseInt("abc123"));
        console.log(parseInt("123.4abc"));
        console.log(parseInt("123"));
        console.log("123")
        
        console.log("==============");
        console.log(parseFloat("123abc"));
        console.log(parseFloat("abc123"));
        console.log(parseFloat("123.4abc"));
        console.log(parseFloat("123"));
        console.log(parseFloat("123.4.5"));

        var num1 = 1;
        var num2 = "2";
        console.log(num1+num2);
        console.log(num1 + parseInt(num2));

显示转换:

toString() 将值转换成字符串

toFixed() 保留指定小数位

JS为Number、Boolean、String 对象提供了构造方法,用于强制转换类型。

        console.log("==============");
        var q = "1";
        var w = "a";
        var e = "123abc"
        var r = "123.4"
        var t = "123.4abc"
        console.log(Number(q));
        console.log(Number(w));
        console.log(Number(e));
        console.log(Number(r));
        console.log(Number(t));

        console.log("==============");
        console.log(Boolean("a"));
        console.log(Boolean(0));
        console.log(Boolean(1));
        console.log(Boolean(null));

        console.log("==============");
        console.log(10);
        console.log(String(10));
        console.log(null);
        console.log(String(null));

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-02-09 20:36:38  更:2022-02-09 20:38:23 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 12:11:07-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码