慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

LiuCaptain

窗口对象！

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2018-08-12

静静的忧伤

JavaScript-输出内容（document.write）

document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。

第一种:输出内容用""括起，直接输出""号内的内容。

<script type="text/javascript">  
 document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。 
 </script>

<script type="text/javascript">   
var mystr="hello world!";   
document.write(mystr);  //直接写变量名，输出变量存储的内容。 
</script>

<script type="text/javascript">   
var mystr="hello";   
document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接 
</script>

第四种:输出HTML标签，并起作用，标签使用""括起来。

<script type="text/javascript">  
 var mystr="hello"; 
 document.write(mystr+"<br>");//输出hello后，输出一个换行符   
 document.write("JavaScript"); 
 </script>

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）

2018-08-12

静静的忧伤
```
function 函数名()
{
     函数代码;
}
```
<script type="text/javascript">
      function contxt() //定义函数
      {
         alert("哈哈，调用函数了!");
      }
   </script>
<body>
   <form>
      <input type="button" value="点击我" onclick=" contxt() " /> //调用函数
   </form>
查看全部

0 采集收起来源：JavaScript-什么是函数
2018-08-12
常冥
```
window.open([URL], [窗口名称], [参数字符串])
```
查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-08-12
常冥

prompt是类似于消息询问反馈，用户输入信息程序判断给出什么值。

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-08-12
常冥
JavaScript-确认（confirm 消息对话框
```
confirm(str);
```
查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-08-12
静静的忧伤
JavaScript判断语句：
if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。
```
if(条件)
{ 条件成立时执行的代码 }else{ 条件不成立时执行的代码 }
```
查看全部

0 采集收起来源：JavaScript-判断语句（if...else）
2018-08-11
six_five

JavaScript练习

<!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{
background-color:green;
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="colorChange()"/>
<input type="button" value="改变宽高" onclick="lengthChange()"/>
<input type="button" value="隐藏内容" onclick="hide()"/>
<input type="button" value="显示内容" onclick="print()"/>
<input type="button" value="取消设置" onclick="revoke()"/>
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function colorChange(){
var a = document.getElementById("txt");
a.style.color="blue";
a.style.backgroundColor="#f00";
}

//定义"改变宽高"的函数
function lengthChange(){
var b = document.getElementById("txt");
b.style.width="100px";
b.style.height="100px";

}

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

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

//定义"取消设置"的函数
function revoke(){
var a =confirm("是否恢复初始状态？");
if(a==true){
var txt1 = document.getElementById("txt");
txt1.removeAttribute("style");
}else{
alert("已取消");
}
}

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

查看全部

0 采集收起来源：编程挑战
2018-08-11
唐龙knight

复习HTML/CSS知识：

什么是标签？

网页是由标签将信息组织起来的

标签的id属性值是唯一的，就像是每人有一个身份证号一样，

在网页中，我们通过id先找到标签，然后进行操作。即，“通过ID获取元素”。

通过ID获取元素
语法：
document.getElementById("id");

注意！
获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。

查看全部

0 采集收起来源：通过ID获取元素
2018-08-11
唐龙knight

什么是DOM？

DOM
文档对象模型
Document Object Model

DOM定义了访问和处理“HTML文档”的标准方法。

DOM 将“HTML文档”呈现为带有元素、属性和文本的树结构（节点树）

将HTML代码分解为DOM节点层次图：

HTML文档可以说是由节点构成的集合！

三种常见的DOM节点：
1. 元素节点
2. 文本节点
3. 属性节点

查看全部

0 采集收起来源：认识DOM
2018-08-11
唐龙knight

在JavaScript中输出内容
用document.write();

问题：
什么是HTML标签？如换行符<br>
如何在JavaScript中输入空格？有两种方法

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-08-11
six_five
控制类名（className 属性）
className 属性设置或返回元素的class 属性。
语法：
```
object.className = classname
```
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
看看下面代码，获得 <p> 元素的 class 属性和改变className：
结果:
查看全部

0 采集收起来源：控制类名（className 属性）
2018-08-11
唐龙knight

在JavaScript中如何定义一个函数

function 函数名()
{
        函数代码;
}

示例：

function contxt()
{
        alert("哈哈，调用函数了!");
}

注意：调用函数时不要忘了括号！

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-08-11
唐龙knight

被告知有错误，在document.write前面加两个空格后，就完全正确了……

查看全部

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

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

首页上一页 425 426 427 428 429 430 431 下一页尾页

0/150

提交

取消

开始学习

课程须知: 该课程是针对新手的一个简单基础的课程，让您快速了解JS，通过一些简单的代码编写体会JS。如果您已经对JS有所了解，可以跳过本课程，学习JS进阶课程，进一步学习JS相应的基础知识。学习本课程，希望您至少具备HTML/CSS基础知识，认识常用的标签。

老师告诉你能学到什么？: 1. 理解JavaScript基础语法； 2. 掌握常用语句的使用方法； 3. 学会如何获取DOM元素及进行简单操作。

JavaScript入门篇

JavaScript-输出内容（document.write）

JavaScript-确认（confirm 消息对话框

控制类名（className 属性）

显示和隐藏（display属性）