慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

qq_苗_2

<!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="one()" >
<input type="button" value="改变宽高" onclick="two()" >
<input type="button" value="隐藏内容" onclick="three()" >
<input type="button" value="显示内容" onclick="four()" >
<input type="button" value="取消设置" onclick="five()" >
</form>
<script type="text/javascript">
var a=document.getElementById("con");
var b=document.getElementById("txt");
var c=a.style;
var d=b.style;
function one(){
var mychar=document.getElementById("con");
//定义"改变颜色"的函数
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}
//定义"改变宽高"的函数
function two(){
var mychar=document.getElementById("txt");
mychar.style.width="350px";
mychar.style.height="180px";
}
//定义"隐藏内容"的函数
function three(){
var mychar=document.getElementById("txt").style.display="none";
}
//定义"显示内容"的函数
function four(){
var mychar=document.getElementById("txt").style.display="block";
}
//定义"取消设置"的函数
function five(){

var mychar=confirm("确定取消设置吗？");
if (mychar==true){
var e=document.getElementById("con");
e.style=c;
var f=document.getElementById("txt");
f.style=d;
}
}

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

查看全部

0 采集收起来源：编程挑战
2019-05-08
qq_慕仰0188184

<form>
<input type="button" value="点击我" onclick="contxt 函数名称 " />
</form>
点击事件

查看全部

0 采集收起来源：JavaScript-什么是函数
2019-05-07
幕布斯7435679
警告框
function rec(){
var mychar="I love JavaScript";
alert(mychar);
}
```
<script type="text/javascript">
   var mynum = 30;
   alert("hello!");
   alert(mynum);
</script>
```
查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2019-05-07
qq_慕先生2088121

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
alert(1)
function openWindow() {
var open = confirm("是否打开");
if(open) {
var hm = prompt("请输入网址，默认网址为慕课网");
if(hm=="")
window.open("http://www.imooc.com/","_blank","width=400,heigth=500,menubar=no,toolbar=no,scrollbars=yes");
else
window.open("http://"+hm,"_blank","width=400,heigth=500,menubar=no,toolbar=no,scrollbars=yes");
}
else
alert("不运行!")}
alert(1)
</script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="openWindow()" />
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-05-07

qq_慕先生2088121

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

<窗口对象>.close();   //关闭指定的窗口

<script type="text/javascript">
   var X=window.open('某网站'); //将新打的窗口对象，存储在变量mywin中
   X.close();
</script>

查看全部

1 采集收起来源：JavaScript-关闭窗口（window.close）

2019-05-07

qq_慕先生2088121

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

URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。
    1.该名称由字母、数字和下划线字符组成。
    2."_top"、"_blank"、"_self"具有特殊意义的名称。
       _blank：在新窗口显示目标网页
       _self：在当前窗口显示目标网页
       _top：框架网页中在上部窗口中显示目标网页
    3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
   4.name 不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

查看全部

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

2019-05-07

qq_慕先生2088121
```
var myname
myname=prompt("请输入你的姓名:");
给变量赋值。
```
查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2019-05-07

qq_慕先生2088121

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数调用</title>
   <script type="text/javascript">
      function X() //定义函数
      {alert("哈哈，调用函数了!");}
   </script>
   </head>
   <body>
       <form>
         <input type="button"  value="点击我" onclick="X()" />
      </form>
    </body>
    </html>

查看全部

0 采集收起来源：JavaScript-什么是函数

2019-05-07

qq_你猜叫什么昵称_bfuFQU

javasp啥啥，很好，不错，等待电脑端操作

查看全部

0 采集收起来源：为什么学习JavaScript
2019-05-06
forever恒

if语句不需要加分号，结束也不需要加

查看全部

0 采集收起来源：JavaScript-判断语句（if...else）
2019-05-06
慕少8286941

函数是完成某个特定功能的一组语句

查看全部

0 采集收起来源：JavaScript-什么是函数
2019-05-06
dsadasdasw

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

查看全部

0 采集收起来源：认识DOM
2019-05-06
dsadasdasw
我也可以独立（引用JS外部文件）
```
<script src="script.js"></script>
```
查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2019-05-06
_AUTHUR

object.removeAttribute("style")
恢复设置初始值

查看全部

0 采集收起来源：编程挑战
2019-05-06
_AUTHUR

var mymessage=confirm("是否取消设置");
if(mymessage==true){
txt.removeAttribute('style');//取消设置//或者txt.style=null;
}else{

}

0

查看全部

1 采集收起来源：编程挑战
2019-05-06

首页上一页 234 235 236 237 238 239 240 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript入门篇

认识DOM

我也可以独立（引用JS外部文件）