慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕标8178648

<!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="add()">;
<input type="button" value="改变宽高" onclick="wh()">
<input type="button" value="隐藏内容" onclick="hid()">
<input type="button" value="显示内容" onclick="ddc()">
<input type="button" value="取消设置" onclick="remove()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function add(){
var ac=document.getElementById("txt");
ac.style.color="red";
ac.style.backgroundColor="#ccc";
}
//定义"改变宽高"的函数
function wh() {
var b = document.getElementById("txt");
b.style.width = "400px";
b.style.height = "300px";

}

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

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

//定义"取消设置"的函数
function remove(){
var a=document.getElementById("txt");
var b=confirm("是否取消");
if(b==true){
a.removeAttribute("style");
}
}

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

查看全部

0 采集收起来源：编程挑战
2018-07-09
杜噜嘟噜嘟

<form>
<input type="button" value="点击我" onclick="contxt()" />
</form>
//出现一个点击我的按钮，input type 输出类型。一个按钮。value是命名类的

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-07-09
大霖子

menubar yes/no 窗口有没有菜单
toolbar yes/no 窗口有没有工具条
scrollbars yes/no 窗口有没有滚动条
status yes/no 窗口有没有状态栏

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-07-08
大霖子

window.open ( [ URL ] , [窗口名称] , [参数字符串] )

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-07-08
大霖子

var ??? = confirm("......");
点击确定返回true,取消则返回false.

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-07-08
大霖子

<script type="text/javascript">
.....
<script>

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2018-07-08
大霖子

document.write("hello");
document.getElementById("p1").style.color="red";

查看全部

0 采集收起来源：为什么学习JavaScript
2018-07-08
qq_听_35

removeAttribute 恢复到原来的样式

查看全部

0 采集收起来源：编程挑战
2018-07-08
慕莱坞7501546

恢复初始样式：obj.removeAttribute('style');
点击事件：onclick=""

查看全部

1 采集收起来源：编程挑战
2018-07-08
一颗喵_

document.getElementById('con')获取的只是P标签，返回的是[object HTMLParagraphElement]，document.getElementById('con').innerHTML获取的才是P标签里的内容，返回的是JavaScript

查看全部

0 采集收起来源：通过ID获取元素
2018-07-06
慕设计5542236

调用的时候要写函数名和括号，括号！！

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-07-06
慕UI6078558

参数

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-07-05
qq_风格十分_0
className 属性设置或返回元素的class 属性。
语法：
```
object.className = classname
```
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
查看全部

0 采集收起来源：控制类名（className 属性）
2018-07-05
qq_风格十分_0
网页中经常会看到显示和隐藏的效果，可通过display属性来设置。
语法：
```
Object.style.display = value
```
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-07-05
qq_风格十分_0
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？
```
Object.style.property=new style;
```
查看全部

0 采集收起来源：改变 HTML 样式
2018-07-05

首页上一页 462 463 464 465 466 467 468 下一页尾页

0/150

提交

取消

开始学习

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

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