经历两周的时间今天终于步入JS的学习,那么今天学了些什么呢,跟随我的节奏一起来看看吧。
js可以写在网页中的任何位置,js的scri标签可以写在头部,body主体中,还有body的下面。
那么什么是JS呢,js就是事件驱动式的编程语言(所有的事件都会有功能来响应) 在浏览中所有的操作称之为事件。那么我们为什么要使用js呢?因为要和用户进行交互。
js一共有三种写法,第一种在行内进行书写,第二种是内嵌,第三种是外链,其实与之前说的CSS的书写格式是一样的。
JS的三种输出方式,第一种是页面输出叫做document.write(“”);,切记这三种输出方式中,除了数字可以不用引号,其他不论是字母还是汉字都需要用到。
第二种是控制台输出console.log("");一定不要忘记后面还需要添加分号哦!
第三种是标签输出,标签输出也是页面输出,有人可能会疑惑了,刚才我们所说的document.write就已经是页面输出了这里怎么又出来一个页面输出呢,虽然同样都是页面输出但还是有所区分的,
document.write是直接写入到页面的内容流,如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数,会导致页面被重写。
innerHTML则是DOM页面元素的一个属性,代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容,则需要修改document.documentElement.innerElement,且innerHTML将内容写入某个DOM节点,不会导致页面全部重绘。
document.write是重写整个document, 写入内容是字符串的html
innerHTML是HTMLElement的属性,是一个元素的内部html内容
所以两者都可向页面输出内容,innerHTML比document.write更灵活,而innerHTML很多情况下都优于document.write,其原因在于其允许更精确的控制要刷新页面的那一个部分。
所以一定要记清楚两个输出的区别哦,在应用时应当优先使用innerHTML。
第四种弹框输出,也叫做警告框输出,其作用一般用于警告。书写方式为alert("");注意其是一个单标签。
接下来是JS的语法问题
// 1.每行语句的结尾需要加;
// 2.注释 单行 //内容 多行 /* 注释的内容*/
// 3.变量
// 一、什么是变量 (容器-箱子)存储某些值的容器,为了区分各种箱子,给箱子加名字box1,box1就是变量名
// var 变量名 = 变量值
// 二、变量名的要求:
// 1.不能以数字开头
// 2.不建议使用中文
// 3.只能使用字母、数字、下划线 $ 来命名,但是数字不能开头
// 4.严格区分大小写,A和a是完全两个不同的变量
// 5.不能使用js提供的关键词来作变量名
JS的数据类型分为四种,第一种是数字类型也叫数值类型,就是正常写的数字,数字类型在输出时加不加引号都是可以的,一定要切记。
第二种是字符串类型加上了引号的 就是字符串类型引号 自己不能嵌套自己,可以相互嵌套。
第三种是布尔类型,其判定的依据是真为true,假为false。
第四种是undefined类型 未定义 (如果出现了这个类型,意味着变量是没有值的),如果定义变量时 没有赋值 ,那么变量默认的值是undefined,数据类型 undefined。
第五种是null 空类型 object对象类型 (空值,可以用于释放变量内容,删除) 如果明确想表示一个变量没有值 ,就可以设为 null。
关于这五种数据类型的获取是通过typeof(类型)进行获取的。
今天的分享就到了这里了,有需要的小伙伴可以点赞哦