慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕九州8576440

定义多元函数：
function add2(x,y)
{
sum = x+y;
document.write(sum);
}

查看全部

0 采集收起来源：有参数的函数
2018-08-16
慕仔5434864

访问方法语法：“<日期对象>.<方法>”
Date对象中处理时间和日期的常用方法：

查看全部

0 采集收起来源： Date 日期对象
2018-08-16
慕仔5434864
访问对象的方法：
```
objectName.methodName()
```
如使用string 对象的 toUpperCase() 方法来将文本转换为大写：
```
var mystr="Hello world!";//创建一个字符串var request=mystr.toUpperCase(); //使用字符串对象方法
```
以上代码执行后，request的值是：HELLO WORLD!
查看全部

0 采集收起来源：什么是对象
2018-08-16
six_five
屏幕可用高和宽度
1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。
2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。
注意:
不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。

我们来获取屏幕的可用高和宽度，代码如下：
```
<script type="text/javascript"> document.write("可用宽度：" + screen.availWidth); document.write("可用高度：" + screen.availHeight); </script>
```
注意:根据屏幕的不同显示值不同。

任务
使用window.screen对象，完成下面任务,看看你的屏幕可用大小:
补充右边编辑器第9行，输出屏幕可用宽度
补充右边编辑器第10行，输出屏幕可用高度
注意: 大家可以把任务栏的位置和大小改变下，看看获取的值有什么区别。
查看全部

0 采集收起来源：屏幕可用高和宽度
2018-08-16
石榴笑了

<!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;
}
}
function clearall(){
var hobby = document.getElementsByName("hobby");
for(var i=0;i<hobby.length;i++){
if(hobby[i].type=="checkbox")
hobby[i].checked=false;
}
}

function checkone(){
var j=document.getElementById("wb").value;
//document.write(j);
var hobby = document.getElementsByName("hobby");
hobby[j-1].checked=true;
}

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

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-08-16
six_five
屏幕分辨率的高和宽
window.screen 对象包含有关用户屏幕的信息。
1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的宽
注意:
1.单位以像素计。
2. window.screen 对象在编写时可以不使用 window 这个前缀。
我们来获取屏幕的高和宽，代码如下:
```
<script type="text/javascript">   document.write( "屏幕宽度："+screen.width+"px<br />" );   document.write( "屏幕高度："+screen.height+"px<br />" ); </script>
```
任务
使用window.screen对象，完成下面任务,看看你的屏幕大小:
补充右边编辑器第9行，输出屏幕宽度。
补充右边编辑器第10行，输出屏幕高度。
查看全部

0 采集收起来源：屏幕分辨率的高和宽
2018-08-16
six_five
screen对象
screen对象用于获取用户的屏幕信息。
语法：
```
window.screen.属性
```
对象属性:
查看全部

0 采集收起来源：screen对象
2018-08-16

six_five

userAgent

返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

语法

navigator.userAgent

几种浏览的user_agent.，像360的兼容模式用的是IE、极速模式用的是chrom的内核。

使用userAgent判断使用的是什么浏览器(假设使用的是IE8浏览器),代码如下:

function validB(){    var u_agent = navigator.userAgent;    var B_name="Failed to identify the browser";    if(u_agent.indexOf("Firefox")>-1){        B_name="Firefox";    }else if(u_agent.indexOf("Chrome")>-1){        B_name="Chrome";    }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){        B_name="IE(8-10)";     }     document.write("B_name:"+B_name+"<br>");     document.write("u_agent:"+u_agent+"<br>");  }

查看全部

0 采集收起来源：userAgent

2018-08-16

six_five

Navigator对象

Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。

对象属性:

查看浏览器的名称和版本，代码如下:

<script type="text/javascript">    var browser=navigator.appName;    var b_version=navigator.appVersion;    document.write("Browser name"+browser);    document.write("<br>");    document.write("Browser version"+b_version); </script>

查看全部

0 采集收起来源：Navigator对象

2018-08-16

six_five
Location对象
location用于获取或设置窗体的URL，并且可以用于解析URL。
语法:
```
location.[属性|方法]
```
location对象属性图示:
location 对象属性：
location 对象方法:
查看全部

0 采集收起来源：Location对象
2018-08-16

石榴笑了

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

<body>
<!--先编写好网页布局-->
<h1>操作成功</h1>
<span id="in">5</span>秒后回到主页<a href="fanhui()">返回</a>

<script type="text/javascript">
    var i=5;
    //获取显示秒数的元素，通过定时器来更改秒数。
    function ti(){
        document.getElementById("in").innerHTML=i;
        i=i-1;
        if(i==0){
            window.location.href="https://www.imooc.com";
        }
    }
    setInterval("ti()",1000);
    //通过window的location和history对象来控制网页的跳转。

    function fanhui(){
        window.history.back();
    }
</script>

</body>
</html>

查看全部

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

2018-08-16

月读o_O

一维数组，我们看成一组盒子，每个盒子只能放一个内容。
一维数组的表示： myarray[ ]
二维数组，我们看成一组盒子，不过每个盒子里还可以放多个盒子。
二维数组的表示： myarray[ ][ ]
注意：二维数组的两个维度的索引值也是从0开始，两个维度的最后一个索引值为长度-1。
1. 二维数组的定义方法一：
var myarr=new Array(); //先声明一维
for(var i=0;i<2;i++) { //一维长度为2
    myarr[i]=new Array(); //再声明二维
    for(var j=0;j<3;j++) { //二维长度为3
        myarr[i][j]=i+j; // 赋值，每个数组元素的值为i+j
        document.write("二维数组myarr["+i+"]["+j+"]的值为："+myarr[i][j]+"<br />");
    }
}
将上面二维数组，用表格的方式表示：
2. 二维数组的定义方法二：
var myarr = [[0 , 1 , 2 ],[1 , 2 , 3]];
3. 赋值：
myarr[0][1]=5; //将5的值传入到数组中，覆盖原有值。
说明：myarr[0][1]，0表示表的行，1表示表的列。

查看全部

0 采集收起来源：二维数组
2018-08-17
石榴笑了

为什么要查看浏览器的？
1 <br>
这两节课完全空白，完全看不懂，查看这个有什么用的吗？
2018-02-02源自：JavaScript进阶篇 8-13333 浏览1 回答
最佳回答
2018-02-03
你是想问为什么要查看浏览器的信息是吗？如果是这个问题的话，在实际的开发中，客户或者用户使用的浏览器可能会有变化或者不会永远使用同一款浏览器，这时候为了保证不同客户或者用户的浏览器显示出来的信息保持一致，就要去保证我的代码在浏览器间通用，查看浏览器的信息就可以进行调试了，如果未来你正式入职的话马上就会明白这个问题
qq_佐护法_0
+2积分什么是积分？
举报回复 5
qq_Nothing_75 (提问者)
非常感谢！
#12018-02-03 回复举报

查看全部

0 采集收起来源：userAgent
2018-08-16
石榴笑了

为什么IE8要两个评判要求，MISE和Trident这两个有一个不就可以了吗
为什么IE8要两个评判要求，MISE和Trident这两个有一个不就可以了吗
快来回答问题，最佳答案可 +2积分什么是积分？
2018-03-21源自：JavaScript进阶篇 8-13109 浏览1 回答
诸葛亮剑
不行，两个都必须得同时存在的，若其中的一个不在，则浏览器不为IE8
2018-03-26

查看全部

0 采集收起来源：userAgent
2018-08-16
肉馅丸子
1. 如果没有title属性时，元素节点.getAttribute("title")会返回null，而元素节点.title会返回""
2. con[i].title只能获取HTML元素中现有的属性
3. 而con[i].getAttribute("title")不仅可以获取HTML元素中现在的属性，还可以获取非HTML元素也就是自定义的。
查看全部

0 采集收起来源：getAttribute()方法
2018-08-16