发表于： 2019-03-30 23:36:56
1 827
Day 42 task11-1
今天完成的事情
1.完成task10
2.整理前期日报为word文档
3.预习js基础知识
JS前期准备）查看W3C中的JS语法，重点理解变量，函数，对象，作用域，数组，IF ELSE，For 循环的含义
遇到的问题
无
收获
JavaScript
JavaScript 是 Web 的编程语言。
是互联网上最流行的脚本语言
是一种轻量级的编程语言。
是可插入 HTML 页面的编程代码。
插入 HTML 页面后，可由所有的现代浏览器执行。
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
例子1：显示时间：
function displayDate(){
document.getElementById("id命名").innerHTML=Date();
}
function displayDate 脚本名字：功能-显示时间
document.getElementById固定用法，识别，查找。
("id命名")为body中元素id命名
.innerHTML=Date();暂时不知
可以与button联系在一起使用，
<button type="button" onclick="displayDate()">显示日期</button>
type="button"代表button的类型
onclick当鼠标点击元素使，运行什么
onclick="displayDate()"当鼠标点击，运行displayDate()
联系在一起：
点击button容器的内容，运行脚本为displayDate()。脚本displayDate()运行，搜素元素“id命名”，执行.innerHTML=Date()功能
document.getElementById("需要查找的元素"); //查找元素
.innerHTML="需要变更的内容"; //改变内容
例子2
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/images/pic_bulboff.gif";
}
else
{
element.src="/images/pic_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">
Img有点击效果（onclick），当点击img，运行"changeImage()"脚本。
脚本在<script></script>里。
找到function changeImage()运行{}里内容。
{ element=document.getElementById('myimage') 元素=查找myimage
If (element.src.match("bulbon")) 如果在元素里的src中搜索字符（.match）找到bulbon。
}
element.src="/images/pic_bulboff.gif"，则元素的src链接换为。。。
else 否则换为。。。。
变量var
Nan非数
警告框alert（“”）
||代表两边的值
=赋值
==判断值是否相等
===是否完全相等操作
||
2.1只要有一个条件为true时，结果就为true；
2.2当两个条件都为false时，结果才为false；
2.3当一个条件为true时，后面的条件不再判断
1.&&
1.1两边条件都为true时，结果才为true；
1.2如果有一个为false，结果就为false；
1.3当第一个条件为false时，就不再判断后面的条件
明天计划学习
继续学习任务所需前期准备知识
注： 【unsolved】截日报发出前未解决的问题
【solved】已解决现象但并未从根本上解决问题
【solved】已解决
返回列表
评论