美文网首页
网页10day

网页10day

作者: 风雨声豪入梦中 | 来源:发表于2018-08-20 08:18 被阅读0次

Js 操作属性
document .getElementByid("div1");根据ID来获取;
document .之后getElementByid("div1") .title = "你真美" ;
整个文档加载完之后执行的一个匿名函数;
function 匿名函数;
window .onload = function() {} 写在《script》标签里面;
通过id来查找文档中的唯一id
document getElementByid ("link") .href = "www.baifu.com",(跳转到网页)
还可以 例如 : var oA = document .getElentByid("link");
oA .href = "www.baidu.com"
oA .title = "去到百度网";
还可以读出来 : alert (oA.id) alert (oA.title);
对象 . 方法 ; 对象 . 属性 ;
Js 换肤
导入搜索外部样式 《link id = link1 red = "stylesheet" type = "text /css" href = "css/1.css" ;
操作颜色属性 : odiv .style .color = "red" ;
在Js 里面设置字号的方法 fontSize 例如 : odiv .style .fontSize = "30px" ;
Js 操作classs 属性 不能直接用 class 用classname 就可以了;
例如 : odiv.classname = "box2";
var .att = "color" ;
odiv style[att] = "red";
innerhtml 是js 里面
odiv2.innerhtml = "这是第二个div元素的内容"
面试题:document.write 和 innerhtl 有什么区别?
document .write 重会的是整个页面;
innerhtml 重会的是页面的一部分;
js 函数
《inpdut type = "button" value = "皮肤" onclick = skin01()"》但是这样不好;
js可控制皮肤
点击事件 onclick ;
function .skin01(){ var olink = document.getFlementByid("link1")};
olink .href = css/1.css ;
同上 olink .href = "css/2.css";
function .函数名() ; 函数的调用 函数名();
window.onaload = function(){};
《script》js代码要放在js目录下;
变量和函数域解析
JS 的代码是从上向下执行的;
编译在执行,变量的生明提前,只把生明提前,赋值不提前,函数是整个都提前;
匿名函数
window .onaload = function(); 这就是一个匿名函数;
var cc = document.getElemmentByid ('div');
cc.onclick = function(){alert("你好")};
函数传参
例如:function sheet(styl)
{odiv .style[styl] = "red"};
如果有两个形参的话 用逗号隔开
函数 return 关键字
框 《input type = "text"》 如果想操作就在 后面写一个 id = “” ;
点击框 《input type = "button" value = "相加"》;
return 的作用?
1.返回函数执行的结果;2.结束函数的执行; 3.可以阻止默认执行;
只要写了return 下面的代码就不执行了;
流程控制语句 ; 分支语句;
1.条件判断语句; if .....else ;

  1. 条件分支语句 : swith ....case default;
  2. 循环语句 : for ,while ,do ... while ;
    1.条件判断语句 :
    display : none;隐藏,就没有了; diaplay :block 显示 然后又出来了;
    if(cc.style.display == 'none'){cc.style.display == "block"};
    ese{cc.style.display == 'none'};
    不能写反了;
    多重判断语句 elif
    条件分支语句 switch ...case
    使用 break 可以结束整个switch ..case 语句,
    每一个语句的后面都加break;
    例如: switch(today){case:
    alear("数学");
    break}
    遇到break就就结束整个 switch ...case 语句;
    数组 aRr 代表一个数组;
    1.用面向对象的方式 用new 例如: var aRr01 = new Array(1,2,3,4);
    2.直接用[]中括号;
    获取数组的整个长度 aleert(aRr02,length);
    获取数组的内容 例如: alert (aRr02[3])
    定义多维数组, 二维数组,例如:var aRr03 =[[1,2,3],[3,0,2,1],[1,1,1]]
    length 表示 长度
    从0开始,下标;
    数组的常用方法 join
    push方法:向末尾增加元素;
    pop 方法:从末尾删除一个;
    unshift :向元素的前面插入一个;
    shift : 把最前面的一个删除;
    reverse : 可以将元素的数组反转;
    indexof : 可以返回数组,第一次出现的索引值;
    splice 可以在数组中增加或删除元素;

相关文章

  • 网页10day

    Js 操作属性document .getElementByid("div1");根据ID来获取;document ...

  • 自律+10day

    学习计划,发生变化,因为图书的原因,所以,明天一整天阅读。

  • 自律!10day

    早起 静坐几分钟 洗漱 晨读 运动 下午打篮球一个小时 今天手感还不错 三分球投进了好多颗呢 步行步数也是一万+的...

  • 10day 规划

    从什么时候开始要想的东西太多了 车不在家外面如此阴凉连门也不想出 突然觉着自己这样碌碌无为的一年特别荒唐 活着才多...

  • 21天感恩

    10day 天父爸爸感谢你,借着天堂小屋的影片这么深的医治我。这几天大把吃药,眼睛肿了,让我觉得很忧伤,觉得很孤单...

  • 感恩日记10Day

    感恩日记10Day 1.妞昨天半夜来找我买代购的东西,她说代购还是找我,毕竟被别人信不过,虽然代购的产品发圈发的少...

  • 10day 再次称重

    今天饮食健康。运动量少。繁忙的工作,已经没有力气再去运动。已经第十天了,觉得做得最好的地方就是饮食健康了,不再去吃...

  • 10day记录签到

    看了一个我是演说家的视频,演说者马丁讲述了父与子的斗争经历的故事。 马丁这个人也是我在10年观看职来职往节目而了解...

  • 刻意练习10Day

    公司-同事(主I行为特质) 情境:聊天,轻松氛围下。说话搞笑,给人轻松自由,可随时跟客户吵架,不在乎是否让事情搞砸...

  • 学习打卡

    阿宁今天学习了吗? #学习打卡# 10day 十全十美! 今天是进阶版的第二天 去买买买了今天 女人逛街真可怕 买...

网友评论

      本文标题:网页10day

      本文链接:https://www.haomeiwen.com/subject/ivqkiftx.html