慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

青山不改c

window.close(); //关闭本窗口

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2018-04-20
慕斯2207689
小伙伴们，请编写"改变颜色"、"改变宽高"、"隐藏内容"、"显示内容"、"取消设置"的函数，点击相应按钮执行相应操作，点击"取消设置"按钮后，提示是否取消设置，如是执行操作，否则不做操作。
任务
一、定义"改变颜色"的函数
```
提示:obj.style.colorobj.style.backgroundColor
```
二、定义"改变宽高"的函数
```
提示:obj.style.widthobj.style.height
```
三、定义"隐藏内容"的函数
```
提示:obj.style.display="none";
```
四、定义"显示内容"的函数
```
提示:obj.style.display="block";
```
五、定义"取消设置"的函数
```
提示: 
使用confirm()确定框，来确认是否取消设置。
如是将以上所有的设置恢复原始值,否则不做操作。
```
六、当点击相应按钮，执行相应操作，为按钮添加相应事件
查看全部

0 采集收起来源：编程挑战
2018-04-19
Peixun喔

2.如何插入JS
代码写在<script></script>之间

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2018-04-19
慕斯2207689
控制类名（className 属性）
className 属性设置或返回元素的class 属性。
语法：
```
object.className = classname
```
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
看看下面代码，获得 <p> 元素的 class 属性和改变className：
结果:
查看全部

0 采集收起来源：控制类名（className 属性）
2018-04-19

慕姐1533785

    <script type="text/javascript"> //隐藏和显示内容
        function hidetext()  
		{  
		var mychar = document.getElementById("con");
mychar.style.display="none";        
		}  
		function showtext()  
		{  
		var mychar = document.getElementById("con");
mychar.style.display="block";        
		}
    </script> 
</head> 
<body>  
    <h1>JavaScript</h1>  
    <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p> 
    <form>／／建立两个选择按钮
       <input type="button" onclick="hidetext()" value="隐藏内容" /> 
       <input type="button" onclick="showtext()" value="显示内容" /> 
    </form>
</body>

查看全部

0 采集收起来源：显示和隐藏（display属性）

2018-04-19

慕姐1533785

<script type="text/javascript">
  var mychar= document.getElementById("con").innerHTML          ;
  //获取id为con的p标签内容
  document.write("结果:"+mychar); //输出获取的P标签。 
</script>

查看全部

1 采集收起来源：通过ID获取元素

2018-04-19

慕容7588557

JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。
本次练习内容：通过id=“con”获取<p>元素，并将元素的内容输出和改变元素内容

查看全部

0 采集收起来源：innerHTML 属性
2018-04-18
慕容7588557

html/css样式，网页由标签将信息组织起来，而标签的id属性值是唯一的。网页中都是通过id找到标签，然后进行操作。
语法：document.getElementById("id")

查看全部

0 采集收起来源：通过ID获取元素
2018-04-18
慕斯2207689
显示和隐藏（display属性）
网页中经常会看到显示和隐藏的效果，可通过display属性来设置。
语法：
```
Object.style.display = value
```
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
value取值:
看看下面代码:
查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-04-18
慕斯2207689
改变 HTML 样式
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？
语法:
```
Object.style.property=new style;
```
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
基本属性表（property）:
注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。
看看下面的代码:
改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝：
```
<p id="pcon">Hello World!</p> <script>    var mychar = document.getElementById("pcon");    mychar.style.color="red";    mychar.style.fontSize="20";    mychar.style.backgroundColor ="blue"; </script>
```
结果:
查看全部

0 采集收起来源：改变 HTML 样式
2018-04-18
慕斯2207689
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
```
Object.innerHTML
```
注意:
1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
2.注意书写，innerHTML区分大小写。
我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容，代码如下:
结果:
查看全部

0 采集收起来源：innerHTML 属性
2018-04-18
慕慕_吖呼
```
object.className = classname
```
改变class
查看全部

1 采集收起来源：控制类名（className 属性）
2018-04-18
慕慕_吖呼
```
document.getElementById("con").style.proprerty = new style;
```
backgroundColor、height、width、color、font、fontFamily、fontSize等
查看全部

0 采集收起来源：改变 HTML 样式
2018-04-18
慕慕_吖呼

document.getElementById("con").innerHTML = "hello world"
innerHTML 改变标签内容

查看全部

1 采集收起来源：innerHTML 属性
2018-04-18
qq_秋_45
新窗口打开 var XX=confirm("是否打开新窗口");
确认打开的网址默认网址 var url=prompt("确认打开的网址","http://www.imooc.com/");
查看全部

0 采集收起来源：编程练习
2018-04-18