2018-08-20

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 ;

2. 条件分支语句 : swith ....case default;

3. 循环语句 : 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 跳出循环

作者:试翼腾渊
链接:https://www.jianshu.com/p/9592a343bfd3
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 网景公司,第一款浏览器,倒闭了mozilla基金会,火狐浏览器哥们:发明了一门语言 js 非常随意 无可取...
    LPP27149阅读 129评论 0 2
  • 网景公司,第一款浏览器,倒闭了mozilla基金会,火狐浏览器哥们:发明了一门语言 js 非常随意 无可取...
    zzzsssr阅读 188评论 0 1
  • 基本知识 js的特点 很多语法非常的灵活 随意 兼容性问题。js、html、css浏览器翻译 浏览器分为高级、低...
    Kris_Shin阅读 376评论 0 4
  • 忘记哪一位插画家的画,觉得简单又很有意境。 颜色搭配简单,线条也很简洁。 喜欢。
    乔一依伊阅读 228评论 0 0
  • 姓名:李淑瑛 224期学员 289期志工 325期志工 公司:绍兴翔鹰纺织品有限公司 部门:人事行政部 【坚持日精...
    李淑瑛阅读 125评论 0 0