这个系列记录之前学习JS基础的一些知识点和笔记,希望会对一些刚开始学习JavaScript的入门者有用,若有错误与不当之处欢迎指出与纠正!!!
六十一 图片的隐藏和显示
InnerHTML内部的所有元素或者说标签等
InnerText标签节点的文字
< div id=”btn”>
隐藏
</ div>
< img src=”…”>
Window.οnlοad=function(){
//获取按钮和图片
Var btn=document.getElementById(“btn”);
Var img= document.getElementByTagName(“img”)[0];
//绑定事件
Btn.οnclick=function(){
//事件的驱动程序
If(btn.innerText===”隐藏”){
Img.style.display=”none”;
Btn.innerText=”显示”;
}else{
Img.style.display=”block”;
Btn.innerText=”隐藏”;
}
}
}
六十二 制作个人相册
一点小知识:a 标签有href属性,当点击运行一些代码之后,不希望他跳转到href指定的地址怎么办,只要在运行的代码块中return false;则函数代码块运行结束后不会自动跳转到href的地址了
For(var i=0;i<str.lenth;i++)
Str[i].οnclick=function(){
此处无法直接获得i的值;
但是可以获得str[i]得各种属性值;
}
六十三 单标签的value值
Input等输入性的标签才有的,可以通过调取获得或者赋值改变
六十四 innerHTML与innerText得区别
InnerHTML可以获得标签内的所有内容,包括里面包含的所有标签以及标签里包含的文本内容;innerText获得的是标签内的文本内容,而且仅获得双标签内的文本内容,不会获得单标签里的;
六十五 window和document复习
Window.location.href=“”;
跳转到href的页面
Document.head
Document.body
Document.title
六十六 自定义属性和默认属性
< script>
Var x=document,getElementById(“mySelect”).selectedIndex;
Var y=document.getElementsByTagName(“option”);
Alert(y[x].text+”has the index of:”+y[x].index);
< /script>
自定义属性:data-*等,写在HTML标签中,可以用来存放数据和一些值做一些独特的标记,在js中可以通过get/setAttribute等调用改变
数组等对象以及一些标签有默认的index、text属性,index属性返回索引,text属性返回文本;但是一般的index属性可能还是自定义的
六十七 形变transform
变大变小,scale
旋转rotate
平移translate
把三种改变方式的参数引入一个变量var,就可以同比例的增加或缩减;改变一个参数就能同时改变几个参数了
六十八 排他思想
this self 指针,指向内存地址,this所在的函数在那个对象当中this就指向那个对象
特殊情况:1.定时器中 2.在事件中间,函数中的this就指向数据源
同步和异步的问题:示例1
Window.οnlοad=function(){
//1.获取所有的按钮
var btns=document.querySelectorAll(‘button’);
//2.遍历
for(var i=0;i<btns.length;i++) //同步
{
btn[i].οnclick=function(){ //需要异步操作
alert(“你点击了第”+i+“个按钮”);// “”,这种方式打印出的i永远是btns.length-1
}}
}
Window.οnlοad=function(){ //同步
//1.获取所有的按钮
var btns=document.querySelectorAll(‘button’);
//2.遍历
for(var i=0;i<btns.length;i++)
{
(function(i){ //闭包操作
btn[i].οnclick=function(){
alert(“你点击了第”+i+“个按钮”);// “”,这种方式打印出的i永远是btns.length-1
}})(i);
}
}
六十九 tab选项卡
已做
七十 面试题
F2();
Console.log(cc );//9
Console.log(bb );//9
Console.log(aa );//报错,提示aa is not defined.
Function f2(){
Var aa=bb=cc=9;
Console.log(aa );//9
Console.log(bb );//9
Console.log(cc );//9
}