JS Day1_js a标签写法-CSDN博客

本文链接：https://blog.csdn.net/sznal/article/details/121609843

本文介绍了JavaScript的基本概念，包括其在网页中的作用，核心组成部分ECMAScript、DOM和BOM。详细讲解了JS的基础语法，如行内、内嵌和外链式代码书写，注释方式，变量定义，以及输出语法。此外，还阐述了JS的变量、数据类型（如Number、String、Boolean、null和undefined）以及数据类型转换的方法。最后，提到了如何检测数据类型以及转换规则。

摘要由CSDN通过智能技术生成

1.认识JS

什么是js？

HTML：超文本标记语言（网页）-->页面的结构，段落，标题，图片
CSS：层叠样式表（美化）--->美化结构的，排列方式，放的位置
JavaScript：---> 页面的行为（点击按钮会发生什么事，轮播图，游戏。表单验证，回到顶部，楼层，放大镜，tab切换，二级菜单，拖拽，瀑布流）

JS的核心

ECMAScipt：制定js语法标准, 我们后期写代码的规范
DOM：Doucment object model（文档对象模型），提供了一套操作文档的方法和属性
BOM：Browser object model（浏览器对象模型），提供了一套操作浏览器的方法和属性

2.JS的基础语法

js代码的书写

行内式

a）a标签

<a href="javascript:js代码"></a>

b)非a标签（行为属性：点击，鼠标划入）

<button 行为属性="js代码">按钮</button>
<button onclick="alert('hellowrold')">按钮</button>

内嵌式

a) script标签标签内部书写js代码

<script>
       js代码
</scrip>

b) script标签内部的代码，页面刷新就执行
c) script标签原则上可以写在html文档的任意位置，但是我们写在最底部
d) 可以书写多对script标签，代码按照从上向下的顺序依次执行

外链式

a) script标签标签内有一个src属性标签内部书写js代码

b) 可以书写多对script标签，代码按照从上到下的顺序依次执行

c) 外部文件xxx.js 可以直接写代码同css文件一样

2.2 JS注释

注释分为：单行注释和多行注释

单行注释：Ctrl+/

// var x = true;

多行注释：Alt+Shift+A

<title>千锋教育</title>   <!-- 这是网页的标题 -->

2.3 JS变量

如何定义变量：

a) 最常用的方式

var x = 200;//声明一个变量x，同事将200赋值给x
var：声明变量用的（向计算机说明 x是一个新成员，变量x就可用了）
空格
x : 变量名（类似类名，自己取的名字）
= : 赋值 等号后面的值将赋给变量名
200 代表x变量存储的值

b) 其他方式

var x; //先声明一个变量
x = 20; // 用的时候再进行赋值

------------------------------

同时声明多个变量，用的时候再赋值
var a,b,c;
a = 20;
b = 30;
c = 40;

--------------------------------
同时声明个变量，有的赋值，有的用的时候再赋值
var x = 10, y = 20 , z ;
给z赋值30
z = 30;
---------------------
var x = 10, y = 20 , z = 40;