js 基础

原创 2016年08月31日 10:38:44
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 
只能用于IE浏览器
Object.currentStyle.():获取非行内样式//只能用于IE可以获取默认样式和基本样式   不能获取复合样式


用于火狐,Chrome等浏览器
getComputedStyle(object,false).()


Object.style.()只能获取行内样式
 -->
<style type="text/css">
#div{width: 100px;height: 100px;background-color: #123456;}
</style>
<script type="text/javascript">


window.onload=function(){


oDiv=document.getElementById('div');


oBtn=document.getElementsByTagName('input')[0];


oBtn.onclick=css(oDiv,'width','200px');


function getStyle(oDiv,attr){
if(oDiv.currentStyle)
{alert(oDive.currentStyle[attr]) ;}
// {return oDive.currentStyle[attr];}
else
// {return getComputedStyle(oDive,false)[attr];}
{alert(getComputedStyle(oDiv,false)[attr]);}
}


function css(oDiv,attr,value){
    if(arguments.length==2)
    {getStyle(oDiv,attr);}
    else if(arguments.length==3)
    {oDiv.style[attr]=value;}
}
}
</script>
<meta charset="UTF-8">
<title>获取样式</title>
</head>
<body>
<input type="button" value="Change">
<div id="div"></div>
</body>
</html>

JS初级基础

JavaScript基础 一、 js代码的应用 1.     使用标签将js代码应用到HTML文档中 1)    作用:将JS代码应用到HTML文档中,该标签的位置是任意,通常放在被修饰内容下面...
  • smileboyjian
  • smileboyjian
  • 2017年05月20日 11:59
  • 558

web前端面试中常见的js基础又实用的知识回顾

js基础但又实用知识的回顾 知识点:typeof、instanceof和constructor 1. js中5种原始数据类型: Number String Boolean Undefined Nu...
  • u014326381
  • u014326381
  • 2016年08月14日 15:53
  • 838

js基础测试题学习笔记20170305

课堂笔记练习: 1. 有一个名为 arr 的数组中,存放着 [1,2,3,4,5,6,7,8,9] , 请将该数组中第一个是 3 的倍数的数字打印到 控制台中 2. 在页面中打印向上的直角三角形,  ...
  • qq_37765513
  • qq_37765513
  • 2017年03月05日 13:52
  • 579

Web 基础学习之 JS ,循环练习

1.判断闰年          var i; for(i=1980;i { if( i % 4 == 0 && i % 100 != 0 || i % 400 == 0) document.writ...
  • b1244154318
  • b1244154318
  • 2016年07月08日 21:30
  • 2558

JS基础整理+实例

JavaScript 是脚本语言 JavaScript 对大小写是敏感的。 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代...
  • pakuma07
  • pakuma07
  • 2015年07月24日 21:12
  • 1350

JS基础学习笔记整理

JavaScript是一种基于对象的脚本编程语言,是浏览器上的程序语言。当web容器输出内容到浏览器时,这个内容是包含js源代码的,此时,JavaScript可以操作浏览器上的一切内容,在浏览器上提供...
  • laoma4102
  • laoma4102
  • 2011年12月30日 13:30
  • 7114

考察JS基础的一些题目

一 、arguments(function(){ return typeof arguments; //object })();arguments是每个函数都有的内置对象,和数组十分...
  • u014346301
  • u014346301
  • 2016年08月03日 15:36
  • 349

JS 基础知识点总结

1、 标签加载外部 JS :     1)defer="defer" :延迟脚本,脚本立即下载,但延迟执行,按顺序执行。     2)async="async" :异步脚本,脚本立即下载,但延迟执行,...
  • cy012124
  • cy012124
  • 2014年04月11日 16:31
  • 1325

JavaScript基础知识问答题(答案仅供参考)

 php高中班javascript答辩题目 什么是javascript?  答:Javascript是一种专门设计用来增强网页交互性的脚本语言,它也是一种解释型语言。 ...
  • wieyi
  • wieyi
  • 2016年06月08日 17:34
  • 3447

js五种数据类型,以及相关的基础方法

js五种数据类型,以及相关的基础方法5种数据类型: undefined :当一个变量被声明,但是没有被初始化的时候。引入此变量是为了区分空对象指针和声明但是未被初始化的变量 boolean strin...
  • github_35929586
  • github_35929586
  • 2016年09月02日 22:40
  • 934
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js 基础
举报原因:
原因补充:

(最多只允许输入30个字)