JS 03
1. “我给你出个脑筋急转弯,你说达芬奇密码的上面是什么?”“这……太难了吧。不知道。”“笨!达芬奇密码的上面就是达芬奇帐号啊,那达芬奇密码的下面是什么?”“我……这……还是不知道。”“是达芬奇验证码”。
2. 有一种崩溃叫密码输入有误;有一种惊慌叫做账号异地登陆;有一种感情叫隐身对其可见;有一种误会叫人机离线;有一种失落叫没有访问权限;有一种感情叫站点访问失败;有一种无奈叫bug无法复现。
3. (职业思维)据说有一位软件工程师,一位硬件工程师和一位项目经理同坐车参加研讨会。不幸在从盘山公路下山时坏在半路上了。于是两位工程师和一位经理就如何修车的问题展开了讨论。硬件工程师说:“我可以用随身携带的瑞士军刀把车坏的部分拆下来,找出原因,排除故障。”项目经理说:“根据经营管理学,应该召开会议,根据问题现状写出需求报告,制订计划,编写日程安排,逐步逼近,alpha测试,beta1测试和beta2测试解决问题。”软件工程说:“咱们还是应该把车推回山顶再开下来,看看问题是否重复发生。”
4. 程序员的四大理想:南极有套房,澳大利亚有群羊,全世界电脑死光光,孩儿有个娘。
5. 用一句话总结了HTML、CSS、JS的关系:HTML是名词,JS是动词,CSS是形容词。
<p class="wea" title="多云">多云</p>
<p class="tem">
<span>3</span><em>°C</em>
</p>
1. 签名:itdage
2. 模板code:SMS_178766042
3. 密钥id:LTAI4FhUs2fNYCvVUyPwzUhq
4. 密钥内容:d4Y610xmIkpme0XQtAxloXGF6rfG56
特殊属性的操作 ***
1. class属性: 因为class是关键字, 无法作为元素的属性名称存在. JS中将操作元素class属性的方式 给到了 className属性
2. 标签的内容: 可以通过innerHTML 属性 来对标签内容进行操作.
练习
1. class属性: 编写一个用于展示文字的网页, 并加入两个按钮 (大字体 ,小字体).
2. 标签的内容: 修改昵称的案例
文档中元素的 创建/插入/删除/清空 了解
创建元素
var element = document.createElement("节点名称");
将新元素插入到某个节点中
- 通过父元素, 追加子元素
父元素.appendChild(新元素);
- 通过父元素, 向指定位置 插入子元素
父元素.insertBefore(新元素,参考子元素);
参考子元素的含义: 父元素中已经存在一个子元素, 新元素在插入时, 会插入在参考子元素之前.
删除元素
父元素.removeChild(子元素对象);
清空元素
元素.innerHTML="";
定时器 *
一次性定时器 *
作用: 延迟执行某段代码
格式:
setTimeout(function(){
//此函数在指定的延迟时间后, 执行
},延迟的毫秒时间);
案例:
<h1>网页的标题</h1>
<script>
var x1 = function (){
var h1 = document.getElementsByTagName("h1")[0];
h1.innerHTML = "锄禾日当午";
//return 1;
};
setTimeout(x1,2000);
alert("哈哈哈");
//x1 x1();
</script>
周期性定时器 *
作用: 用于指定间隔的时长, 重复执行某段逻辑代码
- 开启周期性定时器
var 定时器编号 = setInterval(function(){
//这里的代码, 每隔指定间隔时长, 执行一次
},间隔时长);
- 结束周期性定时器
clearInterval(定时器编号);