慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕斯卡7430691
提取指定数目的字符substr()
substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。
语法:
```
stringObject.substr(startPos,length) 
```
参数说明:
注意：如果参数startPos是负数，从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
如果startPos为负数且绝对值大于字符串长度，startPos为0。
使用 substr() 从字符串中提取一些字符，代码如下：
```
<script type="text/javascript">   var mystr="I love JavaScript!";   document.write(mystr.substr(7));   document.write(mystr.substr(2,4)); </script>
```
运行结果：
```
JavaScript! love
```
任务
运用substr()方法，完成以下任务:
1. 补充右边编辑器第8行，提取字符world!。
2. 补充右边编辑器第9行，提取字符Hello。
- ?不会了怎么办
- 1.字符串中第一个字符的位置为0。
  2.字符串中空格也占一个位置。
  3. mystr.substr(6)
  mystr.substr(0,5)
查看全部

0 采集收起来源：提取指定数目的字符substr()
2018-12-10
慕斯卡7430691
提取字符串substring()
substring() 方法用于提取字符串中介于两个指定下标之间的字符。
语法:
```
stringObject.substring(startPos,stopPos) 
```
参数说明:
注意：
1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符，其长度为 stop 减start。
2. 如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。
3. 如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。
使用 substring() 从字符串中提取字符串，代码如下：
```
<script type="text/javascript">   var mystr="I love JavaScript";   document.write(mystr.substring(7));   document.write(mystr.substring(2,6)); </script>
```
运行结果:
```
JavaScript love
```
任务
运用substring()方法，完成子字符串的提取:
1.补充右边编辑器第8行，从字符对象mystr中提取World!子字符串。
2. 补充右边编辑器第9行，从字符对象mystr中提取Hello子字符串。
查看全部

0 采集收起来源：提取字符串substring()
2018-12-10
慕斯卡7430691
返回指定的字符串首次出现的位置
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法
```
stringObject.indexOf(substring, startpos)
```
参数说明：

说明：
1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。
2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。
3.如果找到一个 substring，则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。
注意：1.indexOf() 方法区分大小写。
2.如果要检索的字符串值没有出现，则该方法返回 -1。
例如: 对 "I love JavaScript!" 字符串内进行不同的检索：
```
<script type="text/javascript">   var str="I love JavaScript!"   document.write(str.indexOf("I") + "<br />");   document.write(str.indexOf("v") + "<br />");   document.write(str.indexOf("v",8)); </script>
```
以上代码的输出：
```
0 4 9
```
运用split()方法，完成以下任务，并输出:
1. 补充右边编辑器第8行，以字符"-"分隔字符串对象mystr。
2. 补充右边编辑器第9行，将字符串对象mystr每个字符分割。
3. 补充右边编辑器第10行，将字符串对象mystr分割成字符，分割3次。
查看全部

0 采集收起来源：返回指定的字符串首次出现的位置
2018-12-10

剑醉清枫

最佳回答

2018-10-11

12345 function checkone(){ // 函数定义 var j=document.getElementById("wb").value; // 获取文本输入框的内容，并赋值为 j，如 j = 1； var hobby = document.getElementById("hobby"+j); // 将字符串“hobby” 和上面的 j 连接成一个字符串，如 hobby + 1 = hobby1（这里的 + 号可用于字符串拼接） hobby.checked = true; // 设置选择框为选中状态；true 为选中，false 为不选中 }

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName

2018-12-10

慕运维7309995

document.getElementById('miaoshu').innerHTML=shijian

getelementbyid 和 innerhtml这两个动作还不熟练鸭

查看全部

0 采集收起来源：编程练习
2018-12-09
慕运维7309995

1、在dreamweaver中间检查符号是否是英文状态
2、dreamweaver的时间模拟不准确。

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>

<h3>操作成功</h3>
<script type="text/javascript">
var shijian=5
function miao()
{
document.getElementById('miaoshu').innerHTML=shijian
shijian--
setTimeout("miao()",1000)
}
function tiaozhuan()
{
window.location.href="https://coding.imooc.com"
}
setTimeout("miao()",1000)
setTimeout("tiaozhuan()",5000)
function goback()
{
window.history.back(1)
}
</script>
<p>
<b id="miaoshu">5</b>秒后回到主页 <a href="javascript:goback()";>返回</a>
</p>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-12-09

美好的生活

<!DOCTYPE  HTML>
<html >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>流程控制语句</title>
    <script type="text/javascript">

        //第一步把之前的数据写成一个数组的形式,定义变量为 infos
        var infos=new Array();
        infos[0]=new Array("A","B","C","D","E","F","G","H","I","J");
        infos[1]=new Array("女","男","男","女","女","男","女","女","女","男");
        infos[2]=new Array(21,23,24,21,22,21,22,20,20,20);
        infos[3]=new Array("大一","大三",'大四','大一',"大四",'大一','大二',"大三","大一","大三");
        //第一次筛选，找出都是大一的信息
        for (i=0;i<infos[3].length;i++) {
            if (infos[3][i]=="大一"){
                if (infos[1][i]=="女"){
                    document.write(infos[0][i]+infos[1][i]+infos[2][i]+infos[3][i]+"<br/>")
                }
            }
        }

        //第二次筛选，找出都是女生的信息
        

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

查看全部

0 采集收起来源：编程练习

2018-12-09

慕运维7309995

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function GoForward() {
window.history.forward()
}
</script>
</head>

<body>
点击下面的锚点链接，添加历史列表项:
<br />
<a href="www.baidu.com">第一个锚点</a>
<br />
<a href="www.baidu.com">第二个锚点</a>
<br />
使用下面按钮，实现返回下一个页面:
<form>
<input type="button" value="返回下一个页面" onclick="GoForward()" />
</form>
</body>
</html>
//超链接无效，没有跳转？为啥？

查看全部

0 采集收起来源：返回下一个浏览的页面
2018-12-09
空空空空空空啊

区别getElementByID,getElementsByName,getEleme

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-12-09
空空空空空空啊
getElementsByTagName()方法
返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。
语法:
```
document.getElementsByTagName(Tagname)
```
说明:
1. Tagname是标签的名称，如p、a、img等标签名。
2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，所以从0开始。

var myI=document.getElementsByTagName("input");
获取所有input元素的属性
补充：
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。
查看全部

0 采集收起来源：getElementsByTagName()方法
2018-12-09
慕运维7309995

注意，使用length属性，get到的是当前窗口的浏览历史总长度

查看全部

0 采集收起来源：History 对象
2018-12-09
慕运维7309995

／／这个函数会调用它自身，所以会形成一个无限的循环。
／／调用函数，直接在script里写上setTimeout("startCount()",1000)

查看全部

0 采集收起来源：计时器setTimeout()
2018-12-09
空空空空空空啊
getElementsByName()方法
返回带有指定名称的节点对象的集合。
语法：
```
document.getElementsByName(name)
```
与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。
注意:
1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。
2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。
查看全部

0 采集收起来源：getElementsByName()方法
2018-12-09
空空空空空空啊

认识DOM
文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。
先来看看下面代码:
将HTML代码分解为DOM节点层次图:
HTML文档可以说由节点构成的集合，DOM节点有:
1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。
节点属性:
遍历节点树:
以上图ul为例，它的父级节点body,它的子节点3个li,它的兄弟结点h2、P。
DOM操作:
注意:前两个是document方法。

查看全部

0 采集收起来源：认识DOM
2018-12-09
幕布斯6537036

setTimeout(代码，延迟时间）；
在载入后延迟指定时间后，去执行一次表达式，仅执行一次。

查看全部

0 采集收起来源：计时器setTimeout()
2018-12-09