Javascript学习计划
Javascript学习计划 2020.08.17
JavaScript能够改变html的内容通过getElementById()的⽅法去获取html中的选择器，并⽤innerHTML的函数⽅法进⾏操作html页⾯。例如：
<div id="app"></div>
<button οnclick=
'ElementById("app").innerHTML = "HelloWord"'></button>
JavaScript可以改变标签中的src属性（resource）来改变⼀张html图⽚的路径，style属性来改变图⽚的css样式，style中的display 属性来决定是否隐藏html元素。
<button onclick="ElementById('deng').src='./src/assets/img/login-bg.jpg'">picture1</button>
<img id="deng"src="./src/assets/logo.png"alt="logo" border="0">
<button onclick="ElementById('deng').src='./src/assets/img/login_bg.png'">picture2</button>
<button οnclick='ElementById("deng").'>改变图⽚⼤⼩</button>
<div id="kkk" >我是内容</div>
<button onclick="ElementById('kkk').style.display='block'" >显⽰内容</button> JavaScript的显⽰⽅案有四种：
window.alert()写⼊警告框
document.write()以HTML的⽅式显⽰
consol.log()在浏览器中的console控制台输出
innerHTML写⼊HTML元素
<div id="kkk" >我是内容</div>
<button onclick="ElementById('kkk').style.display='block'" >显⽰内容</button>
<button onclick="window.alert('显⽰1')">点击我</button>
<button onclick="document.write('<p>显⽰2</p>')">点击我</button>
<button onclick="console.log('显⽰三')">点击我</button>
<button onclick="ElementById('kkk').innerHTML='显⽰四'">点击我</button>
JavaScript的语句构成由值、运算符、表达式、关键字、注释等构成。
let a=3;
let b=4;
}
JavaScript的关键字由this、try catch抓取错误、continue跳出循环并在顶端开始、debugger停⽌执⾏JavaScript函数并开始调⽤调试函数、do while循环、for循环、function函数、if else条件语句、return退出函数、switch根据不同的情况去执⾏不同的语句块、var 是声明变量。
var d ='libai';
var e ='dufu'
var dd = d+' '+e
indexof的用法javascriptwindow.alert(dd)
1. new Date()函数获取当前的⽇期时间
2. new Date().getDay()获取当前时间是星期⼏
3. getMonth()获取当前是第⼏个⽉
var day = new Date().getDay() //获取当前号数⽐如获取今天是第⼏号
<button onclick =" ElementById('aaa').innerHTML= new Date();">点击我获取时间</button> switch的⽤法
switch(new Date().getDay()){
case0:
day ="周⽇";
break;
case1:
day ="周⼀";
break;
case2:
day ="周⼆";
break;
case3:
day ="周三";
break;
case4:
day ="周四";
break;
case5:
day ="周五";
break;
case6:
day ="周六";
break;
}
window.alert(day)
JavaScript的五种可能含值类型：
字符串（String）
数字（number）
布尔型（boolean）
对象（object）
函数（function）
三种对象类型
对象（object）
数组（array）
⽇期（date）
两种不含值类型：null、undefine
JavaScript是⽤typeof来确定确定JavaScript的对象的数据类型。
/* JavaScript的数据类型的判断*/
NaN的数据类型是数值
数组的数据类型为对象
null的数据类型是对象
未定义的数据类型为undefined
constructor构造器
constructor函数的功能是返回所有JavaScript变量的构造函数
console.log('Stephen Curry'.constructor)//输出结果 ƒ String() { [native code] }
indexof()函数返回某个指定字符串值在在字符串中⾸次出现的位置。
var str ='Stephen Curry'
console.structor)
console.log(str.indexOf('Stephen Curry'))
if(str.indexOf('Stephen Curry')>=0)
{
window.alert("Stephen Curry⾄少过⼀次")
}else{
window.alert("Stephen Curry没有⽤过")
}
var str2 ="The full name of China is the People's Republic of China.";
var pos = str2.indexOf("China");
console.log(pos)
toString()⽅法是将⼀个number的对象转为⼀个字符串，并返回结果。括号⾥⾯可以换为2 8 10 16 进制的数值转换
var bb =123.4
console.String(2))//将123.4转为⼆进制
console.String(16))//将123.4转为16进制
函数
形式：function f(){
函数体
}
function add(k,v){
return k*v;
}
JavaScript学习计划 2020.08.18
对象是被命名值得容器，对象⾥有属性也有⽅法。
访问对象的⽅法有两种：objectName.propertyName、objectName[“propertyName”]
var person ={
Firstname :'Bill',
Lastname :'Gates',
age :60,
Fullname:function(){
return this.Firstname+'.'+this.Lastname
}
}
}
<div id="demo"></div>
<button onclick="displayDate()">时间是？</button>
<script>
function displayDate(){
}
</script>
常见的html事件有
onchange :html元素已经被改变
onclick：⽤户点击了HTML元素
onmouseover：⿏标移到了html元素
onmouseout：⿏标移开HTML元素
onkeyup：按键松开
onkeydown：按键向下
onload：浏览器已经完成页⾯的加载
字符串
内建属性length可以返回字符串的长度
let str ='abcdefg'
alert(str.length)
转义字符的使⽤：\"
let str1 ="乔丹的英⽂名jordan和\"国家Jordan（约旦）\"⼀样"
alert(str1)
检索字符串中的字符：search
var str2 ="The full name of China is the People's Republic of China.";
var sear = str2.search('china')
if(sear>0){
console.log(sear)
}else{
console.log('不到')
}
indexof和search是⼀样的唯⼀的不同之处是indexof⽆法设置更强⼤的搜索值，search是⽆法设置开始的第⼆个参数
提取部分字符串有三种⽅法：
slice ( start , end)
substring ( start , end )
substr ( start , end)
end和start为起始和终⽌位置
var str2 ="The full name of China is the People's Republic of China.";
console.log(str2.slice(0,3))
console.log(str2.substring(0,3))
console.log(str2.substr(0,3))
替换字符的内容 replace()
var str2 ="The full name of China is the People's Republic of China.";
console.place('china','China'))
字符转换⼤⼩写 toUpperCase()、toLowerCase( )
var str2 ="The full name of China is the People's Republic of China.";
console.UpperCase())
console.LowerCase())
字符串连接⽅法：concat（）连接两个或多个字符串
let str1 ="乔丹的英⽂名jordan和\"国家Jordan（约旦）\"⼀样"
alert(str1)
var str2 ="The full name of China is the People's Republic of China.";
console.at('',str2))
trim() ⽅法删除字符串两端的空⽩符：
var str2 =" The full name of China is the People's Republic of China . "; console.im())
charCodeAt() ⽅法返回字符串中指定索引的字符 unicode 编码：
var str2 =" The full name of China is the People's Republic of China . "; console.log(str2.charAt())
将字符转为数组：split( )
var str2 =" The full name of China is the People's Republic of China . "; console.log(str2.split(''))
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论