JavaScript入门篇 _学习笔记

首页免费课 JavaScript入门篇笔记

JavaScript入门篇

                
                慕课官方号
            页面重构设计

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

最热最新

慕先生2214430

prompt消息对话框输入信息确认

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2020-02-13
慕先生2214430

confirm确认对话框

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2020-02-13
清道夫是杀手

和css一样，可以单独定义，调用

查看全部

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

0 采集收起来源：控制类名（className 属性）
2020-02-12
刘h
innerHTML 属性
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
```
Object.innerHTML
```
注意:
1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
2.注意书写，innerHTML区分大小写。
查看全部

0 采集收起来源：innerHTML 属性
2020-02-12
刘h

认识DOM
HTML文档可以说由节点构成的集合，三种常见的DOM节点:
1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。

查看全部

0 采集收起来源：认识DOM
2020-02-12
慕少0566907
```
 var mymessage=confirm(str) 
 str:在消息对话框中要显示的文本
```
查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2020-02-12
qq_慕仰6500672

<!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="ccolor()">
<input type="button" value="改变宽高" onclick="cwidth()">
<input type="button" value="隐藏内容" onclick="cnone()">
<input type="button" value="显示内容" onclick="cblock()">
<input type="button" value="取消设置" onclick="ccancle()">
</form>
<script type="text/javascript">
var mycrc=document.getElementById("txt");
//定义"改变颜色"的函数
function ccolor(){
//var mycrc=document.getElementById("txt") ;
mycrc.style.color="red";
mycrc.style.backgroundColor="#CCC"
}

//定义"改变宽高"的函数
function cwidth(){
// var mycrc=document.getElementById("txt");
mycrc.style.width="200";
mycrc.style.height="300";
}

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

//定义"显示内容"的函数

function cblock(){
//var mycrc=document.getElementById("txt");
mycrc.style.display="block";
}

//定义"取消设置"的函数
function ccancle(){
var mytest=confirm("是否将以上所有的设置恢复原始值");
if(mytest=true){
mycrc.removeAttribute("style");
}
}

查看全部

0 采集收起来源：编程挑战
2020-02-11
qq_慕码人9442059
定义变量使用关键字var,语法如下：
```
var 变量名
```
变量名可以任意取名，但要遵循命名规则:
1.变量必须使用字母、下划线(_)或者美元符($)开始。
2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
3.不能使用JavaScript关键词与JavaScript保留字。
查看全部

0 采集收起来源：JavaScript-什么是变量
2020-02-11
qq_慕仰6500672

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
function openWindow(){
var mytxt=confirm("是否打开新窗口")
// 新窗口打开时弹出确认框，是否打开
if(mytxt==true){
window.open('http：//www.imooc.com/','_blank','width=400,height=500,menubar=no,toolbar=no');
}
else{

}
}

</script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="openWindow()" />
</body>
</html>

查看全部

0 采集收起来源：编程练习
2020-02-10
慕雪0127134

这里有个坑就是保留字重置容易写成 reset 结果会没有反应。要使用非保留字的命名哦~

查看全部

0 采集收起来源：编程挑战
2020-02-10
慕雪0127134
```
Object.innerHTML
```
注意:
1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
2.注意书写，innerHTML区分大小写。
查看全部

0 采集收起来源：innerHTML 属性
2020-02-10
慕雪0127134

HTML文档可以说由节点构成的集合，三种常见的DOM节点:
1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。

查看全部

0 采集收起来源：认识DOM
2020-02-10
慕雪0127134
变量名可以任意取名，但要遵循命名规则:
1.变量必须使用字母、下划线(_)或者美元符($)开始。
2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
3.不能使用JavaScript关键词与JavaScript保留字。
变量要先声明再赋值，如下：
```
var mychar;
mychar="javascript";
var mynum = 6;
```
变量可以重复赋值，如下：
```
var mychar;
mychar="javascript";
mychar="hello";
```
注意:
1. 在JS中区分大小写，如变量mychar与myChar是不一样的，表示是两个变量。
2. 变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。
查看全部

0 采集收起来源：JavaScript-什么是变量
2020-02-09
qq_慕莱坞026461

HTML文档可以说由节点构成的集合，三种常见的DOM节点:
1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。

查看全部

0 采集收起来源：认识DOM
2020-02-09