JavaScript基础笔记（七）

这个系列记录之前学习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

}

• 点赞
• 收藏
• 分享
• 文章举报