慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

主宰灵魂

光标聚焦事件（onfocus）
当网页中的对象获得聚点时，onfocus调用的程序就会被执行。

查看全部

0 采集收起来源：光标聚焦事件（onfocus）
2018-05-28
15信科马千梅

运行结果为：

查看全部

0 采集收起来源：getElementsByName()方法
2018-05-28
15信科马千梅

运行结果为：

查看全部

0 采集收起来源：认识DOM
2018-05-28
主宰灵魂

鼠标移开事件（onmouseout）
当鼠标移开当前对象时，执行onmouseout调用的程序。

查看全部

0 采集收起来源：鼠标移开事件（onmouseout）
2018-05-28
a411429006

1、JS中月份是从0开始的，在编程语言中好多都是从0开始。
2、
document.write(d1.toLocaleString()+"<br>")
document.write(d.toLocaleString())
如果想输出正常格式的年月份可用以上方法，

查看全部

0 采集收起来源： Date 日期对象
2018-05-28
a411429006
对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(getYear)等；
JavaScript 提供多个内建对象，比如 String、Date、Array 等等，使用对象前先定义，如下使用数组对象：
```
  var objectName =new Array();//使用new关键字定义对象或者
  var objectName =[];
```
访问对象属性的语法:
```
objectName.propertyName
```
如使用 Array 对象的 length 属性来获得数组的长度：
```
var myarray=new Array(6);//定义数组对象var myl=myarray.length;//访问数组长度length属性
```
以上代码执行后，myl的值将是：6
访问对象的方法：
```
objectName.methodName()
```
如使用string 对象的 toUpperCase() 方法来将文本转换为大写：
```
var mystr="Hello world!";//创建一个字符串var request=mystr.toUpperCase(); //使用字符串对象方法
```
以上代码执行后，request的值是：HELLO WORLD!
查看全部

0 采集收起来源：什么是对象
2018-05-28
a411429006

<script type="text/javascript">
function count(){

//获取第一个输入框的值，转成整形
var vone=parseInt(document.getElementById("txt1").value);
//获取第二个输入框的值，转成整形
var vtwo=parseInt(document.getElementById("txt2").value);
//获取选择框的值
var vselect=document.getElementById("select").value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var last;
switch(vselect){
case '+':
last=vone+vtwo;
break;
case '-':
last=vone-vtwo;
break;
case '*':
last=vone*vtwo;
break;
case '/':
last=vone/vtwo;
break;
default:
alert("请选择计算符号");
}
//设置结果输入框的值
document.getElementById("fruit").value=last;
}
</script>

查看全部

0 采集收起来源：编程练习
2018-05-28
慕雪9294360

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<p id="intro">我的课程</p>
<ul>
<li title="JS">JavaScript</li>
<li title="JQ">JQuery</li>
<li title="">HTML/CSS</li>
<li title="JAVA">JAVA</li>
<li title="">PHP</li>
</ul>
<h1>以下为li列表title的值,当title为空时，新设置值为"WEB前端技术":</h1>
<script type="text/javascript">
var Lists=document.getElementsByTagName("li");
for (var i=0; i<Lists.length;i++)
{
var text = Lists[i].getAttribute("title");
if(text!="") {
document.write(text +"<br>");
} else {
Lists[i].setAttribute("title","WEB前端技术");
document.write(Lists[i].getAttribute("title")+"<br>");
}
}
</script>
</body>
</html>

查看全部

0 采集收起来源：setAttribute()方法
2018-05-28
梁肥肥

文本框内容改变事件（onchange）
通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。
如下代码,当用户将文本框内的文字改变后，弹出对话框“您改变了文本内容！”。
运行结果：

查看全部

0 采集收起来源：文本框内容改变事件（onchange）
2018-05-28
梁肥肥

内容选中事件（onselect）
选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。
如下代码,当选中用户文本框内的文字时，触发onselect 事件，并调用函数message()。
运行结果：

查看全部

0 采集收起来源：内容选中事件（onselect）
2018-05-28
慕雪9294360

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<form>
请选择你爱好:<br>
<input type="checkbox" name="hobby" id="hobby1"> 音乐
<input type="checkbox" name="hobby" id="hobby2"> 登山
<input type="checkbox" name="hobby" id="hobby3"> 游泳
<input type="checkbox" name="hobby" id="hobby4"> 阅读
<input type="checkbox" name="hobby" id="hobby5"> 打球
<input type="checkbox" name="hobby" id="hobby6"> 跑步 <br>
<input type="button" value = "全选" onclick = "checkall();">
<input type="button" value = "全不选" onclick = "clearall();">
<p>请输入您要选择爱好的序号，序号为1-6:</p>
<input id="wb" name="wb" type="text" >
<input name="ok" type="button" value="确定" onclick = "checkone();">
</form>
<script type="text/javascript">
function checkall(){
var hobby = document.getElementsByTagName("input");
for(var i=0;i<hobby.length;i++) {
if(hobby[i].type=="checkbox") {
hobby[i].checked= true;
}
}
// 任务1
}
function clearall(){
var hobby = document.getElementsByName("hobby");
for(var i=0;i<hobby.length;i++) {
hobby[i].checked= false;
}
// 任务2
}

function checkone(){
var j=document.getElementById("wb").value;
var hobby = document.getElementById("hobby"+j);
hobby.checked =true;
// 任务3
}

</script>
</body>
</html>

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-05-28
梁肥肥

失焦事件（onblur）
onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。
如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时（即焦点在文本框），在光标离开该文本框后（即失焦时），触发onblur事件，并调用函数message()。
运行结果：

查看全部

0 采集收起来源：失焦事件（onblur）
2018-05-28
wyrmkw

加载事件（onload）事件会在页面加载完成后，立即发生，同时执行被调用的程序。注意：1. 加载页面时，触发onload事件，事件写在标签内。 2. 此节的加载页面，可理解为打开一个新页面时。如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。

查看全部

0 采集收起来源：加载事件（onload）
2018-05-28
梁肥肥

光标聚焦事件（onfocus）
当网页中的对象获得聚点时，执行onfocus调用的程序就会被执行。
如下代码, 当将光标移到文本框内时，即焦点在文本框内，触发onfocus 事件，并调用函数message()。
运行结果：

查看全部

0 采集收起来源：光标聚焦事件（onfocus）
2018-05-28
梁肥肥

鼠标移开事件（onmouseout）
鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。
当把鼠标移动到"登录"按钮上，然后再移开时，触发onmouseout事件，调用函数message()，代码如下:
运行结果:

查看全部

0 采集收起来源：鼠标移开事件（onmouseout）
2018-05-28