慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

茂茂_0001

单行注释，在注释内容前加符号 “//”。
多行注释以"/*"开始，以"*/"结束。

查看全部

0 采集收起来源：JavaScript-注释很重要
2018-09-26
茂茂_0001

可以把HTML文件和JS代码分开,

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2018-09-26
茂茂_0001

<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2018-09-26
mukewang的小黑
```
function 函数名(){
     函数代码;
}
```
说明:
1. function定义函数的关键字。
2. "函数名"你为函数取的名字。
3. "函数代码"替换为完成特定功能的代码。
查看全部

0 采集收起来源：JavaScript-什么是函数
2018-09-26
mukewang的小黑

1.变量必须使用字母、下划线(_)或者美元符($)开始。（可以任意取名）
2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
3.不能使用JavaScript关键词与JavaScript保留字。
先声明后赋值，重复赋值

查看全部

0 采集收起来源：JavaScript-什么是变量
2018-09-26
NslookupThe

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

查看全部

1 采集收起来源：JavaScript-什么是函数
2018-09-26
慕妹5434192

显示和隐藏：display属性
object.style.display=value
value取值：none隐藏
block显示

查看全部

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

qq_YYT丶_0

close()关闭窗口

用法：

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

或

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

例如:关闭新建的窗口。

<script type="text/javascript">
   var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中
   mywin.close();
</script>

查看全部

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

2018-09-26

qq_YYT丶_0
top:窗口顶部离开屏幕顶部的像素数
left:窗口左端离开屏幕左端的像素数
width:窗口的宽度
height:窗口的高度
menubar:窗口没有菜单
toolbar:没有工具条
```
window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
```
查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-09-26
慕妹5434192

top:窗口顶部离开屏幕顶部的像素数
left:窗口左端离开屏幕左端的像素数
width:窗口的宽度
height:窗口的高度
menubar:窗口没有菜单
toolbar:没有工具条
scrollbars:没有滚动条
status:没有状态栏

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-09-26
William阿千
confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。
语法:
```
confirm(str);
```
参数说明:
```
str：在消息对话框中要显示的文本返回值: Boolean值
```
返回值:
```
当用户点击"确定"按钮时，返回true
当用户点击"取消"按钮时，返回false
```
注: 通过返回值可以判断用户点击了什么按钮
看下面的代码:
```
<script type="text/javascript">
    var mymessage=confirm("你喜欢JavaScript吗?");
    if(mymessage==true)
    {   document.write("很好,加油!");   }
    else
    {  document.write("JS功能强大，要学习噢!");   }
</script>
```
结果:
注: 消息对话框是排它的，即用户在点击对话框按钮前，不能进行任何其它操作。
查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-09-26
班22

不努力未来每一天都会后悔难过，努力就会难过一阵子

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-09-25
柠檬003


<input type="button" value="改变颜色" onclick = color()>
<input type="button" value="改变宽高" onclick = wh()>
<input type="button" value="隐藏内容" onclick = dis()>
<input type="button" value="显示内容" onclick = undis()>
<input type="button" value="取消设置" onclick = com()>
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function color(){
con.style.color="red";
con.backgroundColor = "#ccc";
}

//定义"改变宽高"的函数
function wh(){
con.style.width="40px";
con.style.height = "40px";
}
//定义"隐藏内容"的函数
function dis(){
con.style.display="none";
}
//定义"显示内容"的函数
function undis(){
con.style.display="block";

}
//定义"取消设置"的函数
function com(){
var message = confirm("是否确认修改设置？");
if (message == true)
con.removeAttribute("sytle");
}

查看全部

0 采集收起来源：编程挑战
2018-09-25
家鸽啦啦啦

<!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='change_color()' >
<input type="button" value="改变宽高" onclick='change_size()' >
<input type="button" value="隐藏内容" onclick='not_display()' >
<input type="button" value="显示内容" onclick='display()' >
<input type="button" value="取消设置" onclick='cancel()' >
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
var init=document.getElementById("con").style
function change_color(){
document.getElementById("con").style.color='red';
document.getElementById("con").style.backgroundColor='blue';
}

//定义"改变宽高"的函数
function change_size(){
document.getElementById("con").style.width=100;
document.getElementById("con").style.height=200;
}

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

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

//定义"取消设置"的函数

function cancel(){
var input=confirm('是否取消设置？');
if (input==1)
{
document.getElementById("con").style=init
}
}
</script>
</body>
</html>

查看全部

0 采集收起来源：编程挑战
2018-09-25
qq_小小狸_zAFHYZ

单引号和双引号的区别：<p>在里面没有其他引号使用的情况下，单引号和双引号是没有区别的。（双引号中间可以嵌套单引号，但反过来的话就不行)</p>

查看全部

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

首页上一页 391 392 393 394 395 396 397 下一页尾页

0/150

提交

取消

开始学习

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

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