慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

逐梦者在路上

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
var a,b,c;
a=document.getElementById("txt1").value;
//获取第一个输入框的值
b=document.getElementById("select").value;
//获取第二个输入框的值
c=document.getElementById("txt2").value;
var result;
//获取选择框的值
switch(b)
{
case "+":result=parseInt(a)+parseInt(c);
break;
case "-":result=a-c;
break;
case "*":result=a*c;
break;
default:result=a/c;
}

document.getElementById("fruit").value=result;

//获取通过下拉框来选择的值来改变加减乘除的运算法则
//设置结果输入框的值

}
</script>
</head>
<body>
<input type='Number' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='Number' id='txt2' />
<input type='button' value=' = 'onclick="count()" /> 
<input type='Number' id='fruit' />
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-09-07
慕前端7525466

new Date()定义时间
getHours() 获取小时
getMinutes() 获取分
getSeconds() 获取秒
setInterval(函数,执行时间值)
getElementById()获取ID值

查看全部

3 采集收起来源：计时器setInterval()
2018-09-07
前方17
网页尺寸scrollHeight
scrollHeight和scrollWidth，获取网页内容高度和宽度。
一、针对IE、Opera:
scrollHeight 是网页内容实际高度，可以小于 clientHeight。
二、针对NS、FF:
scrollHeight 是网页内容高度，不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时，scrollHeight 返回 clientHeight 。
三、浏览器兼容性
```
var w=document.documentElement.scrollWidth    || document.body.scrollWidth; var h=document.documentElement.scrollHeight    || document.body.scrollHeight;
```
注意:区分大小写
scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。
查看全部

0 采集收起来源：网页尺寸scrollHeight
2018-09-07
前方17
浏览器窗口可视区域大小
获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:
一、对于IE9+、Chrome、Firefox、Opera 以及 Safari：
• window.innerHeight - 浏览器窗口的内部高度
• window.innerWidth - 浏览器窗口的内部宽度
二、对于 Internet Explorer 8、7、6、5：
• document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。
• document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。
或者
Document对象的body属性对应HTML文档的<body>标签
• document.body.clientHeight
• document.body.clientWidth
在不同浏览器都实用的 JavaScript 方案：
```
var w= document.documentElement.clientWidth       || document.body.clientWidth; var h= document.documentElement.clientHeight       || document.body.clientHeight;
```
查看全部

0 采集收起来源：浏览器窗口可视区域大小
2018-09-06
前方17
createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。
语法：
```
document.createTextNode(data)
```
参数：
data : 字符串值，可规定此节点的文本。
查看全部

0 采集收起来源：创建文本节点createTextNode
2018-09-06
前方17
createElement()方法可创建元素节点。此方法可返回一个 Element 对象。
语法：
```
document.createElement(tagName)
```
参数:
tagName：字符串值，这个字符串用来指明创建元素的类型。
注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。
查看全部

0 采集收起来源：创建元素节点createElement
2018-09-06

海泽王来学习

通用var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;

查看全部

0 采集收起来源：浏览器窗口可视区域大小

2018-09-06

月读o_O

clearInterval()方法可取消由 setInterval() 设置的交互时间。
语法：
clearInterval(id_of_setInterval);
参数说明：
id_of_setInterval：由 setInterval() 返回的 ID 值。
每隔 100 毫秒调用 clock() 函数，并显示时间。当点击按钮时，停止时间，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
    function clock(){
        var time = new Date();
        document.getElementById("clock").value = time;
    } //每隔100毫秒调用clock函数，并将返回值赋值给i
var i = setInterval("clock()",100);
</script>
</head>
<body>
<form>
    <input type="text" id="clock" size="50" />
    <input type="button" value="Stop" onclick="clearInterval(i)" />
</form>
</body>
</html>

查看全部

0 采集收起来源：取消计时器clearInterval()
2018-10-18
月读o_O

在执行时，从载入页面后每隔指定的时间执行代码。
语法：
setInterval(代码,交互时间);
参数说明：
1. 代码：要调用的函数或要执行的代码串。
2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。
返回值：
一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
调用函数格式（假设有一个clock()函数）：
setInterval("clock()", 1000);
或
setInterval(clock, 1000);
我们设置一个计时器，每隔100毫秒调用clock()函数，并将时间显示出来，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
    function clock() {
        var time = new Date();
        document.getElementById("clock").value = time;
    }
    var int = setInterval(clock,100);
</script>
</head>
<body>
<form>
    <input type="text" id="clock" size="50" />
</form>
</body>
</html>

查看全部

0 采集收起来源：计时器setInterval()
2018-10-18
Horizn

替换标签不换内容，可更改属性

查看全部

0 采集收起来源：替换元素节点replaceChild()
2018-09-06
海泽王来学习

<a href="javascript:replaceMessage()"> 将加粗改为斜体</a>

查看全部

0 采集收起来源：替换元素节点replaceChild()
2018-09-06
Horizn

插入子节点的过程就好像我们可以在增加一些网页上的文字，图片等，例如发博客的时候，文本框的内容可以增加到网页上代码段的实现应该是用这种方法吧！

查看全部

0 采集收起来源：插入节点appendChild()
2018-09-06
月读o_O

在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。
计时器类型：
一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。
计时器方法：

查看全部

0 采集收起来源：JavaScript 计时器
2018-09-06
月读o_O

window对象是BOM的核心，window对象指当前的浏览器窗口。
window对象方法：

查看全部

0 采集收起来源：window对象
2018-09-06
海泽王来学习

元素类型节点类型
元素 1
属性 2
文本 3
注释 8
文档 9

查看全部

0 采集收起来源：节点属性
2018-09-06

首页上一页 618 619 620 621 622 623 624 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面

JavaScript进阶篇

网页尺寸scrollHeight

浏览器窗口可视区域大小