javascript 第一天

引入script 三种方式

  1. 在head标签中的script标签中编写
  2. 使用 script 标签引入 已有的script文件 当引入文件后这个script代码就无效了。就不能在script标签中编写其它javascript代码了
  3. 在页面元素直接写js代码,通常用于占位,当使用超链接而不确定要跳转到什么地方时
    原来使用
javascript 复制代码
<a href = "###">aaa</a> 作为占位符,但是浏览器的地址会有变化所以使用
<a href = "javascript:void(0)">aaa</a> 点击后浏览器地址不会发生变化

' ' 和 " " 的区别

没有区别

想要输出单引号 ' " " '

想要输出双引号 " ' ' "

模板字符串:${这里是变量名} 需要有两个点号 模板字符串就可以在``两个点号之间加入html代码显示在页面上

变量名.typeof 输出变量的类型。

console.log(在控制台上输出的内容)

在双引号中需要写引号的时候需要写成单引号以便区别

例如 οnblur=" changecolor(this,'blue') "

== === 的 区别
  1. == 号比较的是两个数的值 包含数据据类型的隐式转换 10 =="10" 输出的 是true
  2. ===号比较的是数值和类型是否一样

table用于框选样式。使样式更规范

let是什么?

用于声名变量,可用于替换var

  1. 可以声名在块{} 中,这个变量的作用域就是这个块
  2. let不能重复声名一个变量,var可以同时声名一个变量

const用于声名常量,常量不能重复赋值,否则会报错

三个练习

四个函数

1.parseInt 将字符串转为整数。不保留小数点后的数

  1. parseFloat 将字符串转为整数,保留小数点后面的数

  2. isNAN 是不是一个不是数字的东西。true 不是数字 false 是数字

4.eval 可以输出字符串中数字的计算的值

数字转化为字符串:数字+"" 数字拼接空字符串

javaScript中丢失精度非常频繁,所以可以用 toValue(想要保留几位小数) 来保存精度。

对于取余运算符% 可以用于计算小数

自定义函数

function 函数名(参数){ 函数体 如果需要返回值则return xxx}

也可以没有函数名,是匿名函数

let haha = function(){ consol.print }

js中不存在函数的重载,如果两个函数方法名相同,后一个函数会覆盖前一个。

js允许传入的参数与函数规定的参数不一致,不会报错但是会输出错误的值。

全局变量 在外边定义的变量是可以在函数中被使用,并且他的值在函数修改之后还可以在函数外边使用。他的值已经被修改了

函数内变量 :只能在函数内使用,不能跨函数使用

for

javascript 复制代码
let myErr = ["a","b","c"];

//输出的x是对应的索引
for(let x in myErr){
console.log(x)
}

//输出的x是对应的值
for(let x of myErr){
console.log(x)

}

document.write("内容") 在浏览器上显示控制台的内容

js做交互效果

元素通过事件与自定义函数关联来实现页面交互效果
  1. 在需要定义的元素上 例如一个按钮 添加 οnclick="自定义函数名()" 可以设置各种鼠标动作的值 。此时在

onclick("函数名") 也可以作为关联

document.getElementById("id值").value="文本框中的值"

.style.backgroundcolor="更改背景颜色"

.className="更改class中的值,也就是css中.xxx{}中的样式的值"

.innerHTML="用于更改标题的文字"

.disabled="true" 隐藏按钮

.checked="true" 对checkbox按钮一类的赋值,true代表选中。

相关推荐
Hellc0072 分钟前
MacOS升级ruby版本
前端·macos·ruby
前端西瓜哥11 分钟前
贝塞尔曲线算法:求贝塞尔曲线和直线的交点
前端·算法
又写了一天BUG12 分钟前
npm install安装缓慢及npm更换源
前端·npm·node.js
zxctsclrjjjcph14 分钟前
【C语言】常见的C语言概念
c语言·开发语言
小灰灰爱代码19 分钟前
C++——求3个数中最大的数(分别考虑整数、双精度数、长整数的情况),用函数模板来实现。
开发语言·c++·算法
Eiceblue25 分钟前
Python 复制Excel 中的行、列、单元格
开发语言·python·excel
cc蒲公英26 分钟前
Vue2+vue-office/excel 实现在线加载Excel文件预览
前端·vue.js·excel
Java开发追求者26 分钟前
在CSS中换行word-break: break-word和 word-break: break-all区别
前端·css·word
项目題供诗29 分钟前
尚品汇-秒杀商品存入缓存、Redis发布订阅实现状态位(五十一)
开发语言·php
好名字082130 分钟前
monorepo基础搭建教程(从0到1 pnpm+monorepo+vue)
前端·javascript