JavaScript入门篇 _学习笔记

首页免费课 JavaScript入门篇笔记

JavaScript入门篇

                
                慕课官方号
            页面重构设计

                    查看讲师更多课程 
                    慕课官方号讲师的其他课程
                
帝堵抢车位动画制作
初级·36954
免费课程
                                
JavaScript进阶篇
入门·468132
免费课程
                                
                难度入门
            
                时长 1小时35分
            
                学习人数
            
综合评分9.57
                            5509人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

最热最新

qq_慕UI8186447

“;”分号要在英文状态下输入，同样，JS中的代码和符号都要在英文状态下输入。

查看全部

0 采集收起来源：JavaScript-认识语句和符号
2019-08-13
qq_慕UI8186447

JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2019-08-13
qq_慕UI8186447

当JS直接用到HTML中时的时候在HTML中的<head>中加入<script type="text/JavaScript"> </script>
当JS和HTML分开时，在HTML中<head>加入<script src="1.js"> JS中直接写JavaScript代码就行

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2019-08-13
RazorE
className 属性设置或返回元素的class 属性。
语法：
```
object.className = classname
```
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
查看全部

0 采集收起来源：控制类名（className 属性）
2019-08-13
Aye_

<input id="demo">
<button onclick=score();>查询</button>
<script>
function score(){
var score2=document.getElementById("demo").value;
if (score2>60){
document.write("你的分数是");
document.write(score2);
document.write("恭喜合格");
}else {
document.write("你的分数是");
document.write(score2);
document.write("继续加油");
}
}
</script>

查看全部

0 采集收起来源：JavaScript-判断语句（if...else）
2019-08-12
RazorE

搞好了，还得回顾下

查看全部

0 采集收起来源：编程练习
2019-08-12
慕尼黑2325983

//定义"取消设置"的函数
function e(){
var e1 = confirm("确定初始化吗？");
if(e1 == true){
con.removeAttribute("style");//删除指定元素的属性
txt.removeAttribute("style");
}else{
alert("取消初始化!");
}
}

查看全部

0 采集收起来源：编程挑战
2019-08-11
辽工大
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
#txt{
height:400px;
width:600px;
border:#333 solid 1px;
padding:5px;}
p{
line-height:18px;
text-indent:2em;}
</style>
</head>
<body>
<h2 id="con">JavaScript课程</H2>
<div id="txt">
<h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>
<p>1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>
<p>2. JavaScript进阶篇，让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>
<p>3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>
</div>
<form>

<input type="button" value="改变颜色" onclick="f1()">
<input type="button" value="改变宽高" onclick="f2()">
<input type="button" value="隐藏内容" onclick="f3()">
<input type="button" value="显示内容" onclick="f4()">
<input type="button" value="取消设置" onclick="f5()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function f1(){
document.getElementById("txt").style.color="red";
document.getElementById("txt").style.background="#CCC";
}

//定义"改变宽高"的函数
function f2(){
document.getElementById("txt").style.width="500px";
document.getElementById("txt").style.height="500px";
}

//定义"隐藏内容"的函数
function f3(){
document.getElementById("txt").style.display="none";
}

//定义"显示内容"的函数
function f4(){
document.getElementById("txt").style.display="block";
}

//定义"取消设置"的函数
function f5(){
var message=confirm("你确定要重置所有设置么？");
if(message==true){
document.getElementById("txt").removeAttribute('style');
}
}

</script>
</body>
</html>
查看全部

0 采集收起来源：编程挑战
2019-08-09
辽工大
控制类名（className 属性）
className 属性设置或返回元素的class 属性。
语法：
```
object.className = classname
```
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
查看全部

0 采集收起来源：控制类名（className 属性）
2019-08-09
辽工大
显示和隐藏（display属性）
网页中经常会看到显示和隐藏的效果，可通过display属性来设置。
语法：
```
Object.style.display = block|none
```
查看全部

0 采集收起来源：显示和隐藏（display属性）
2019-08-09
辽工大
改变html样式
语法:
```
Object.style.property=new style;
```
查看全部

0 采集收起来源：改变 HTML 样式
2019-08-09
辽工大
innerHTML 属性
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
```
Object.innerHTML
```
注意:
1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
2.注意书写，innerHTML区分大小写。
查看全部

0 采集收起来源：innerHTML 属性
2019-08-09
辽工大
HTML文档可以说由节点构成的集合，三种常见的DOM节点:
1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。
看下面代码:
```
<a href="http://www.imooc.com">JavaScript DOM</a>
```
查看全部

0 采集收起来源：认识DOM
2019-08-09
辽工大
```
dom节点图
```
查看全部

0 采集收起来源：认识DOM
2019-08-09
慕仔4871714
一、定义"改变颜色"的函数
```
提示:obj.style.color
obj.style.backgroundColor
```
二、定义"改变宽高"的函数
```
提示:obj.style.width
obj.style.height
```
三、定义"隐藏内容"的函数
```
提示:obj.style.display="none";
```
四、定义"显示内容"的函数
```
提示:obj.style.display="block";
```
五、定义"取消设置"的函数
```
提示: 
使用confirm()确定框，来确认是否取消设置。
如是将以上所有的设置恢复原始值,否则不做操作。
```
六、当点击相应按钮，执行相应操作，为按钮添加相应事件
查看全部

0 采集收起来源：编程挑战
2019-08-09