慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

不会趴桌子
```
window.open('http://www.imooc.com','_blank',')打开窗口
```
查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2019-06-19
qq_慕数据5138157

<!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="setcolor()">
<input type="button" value="改变宽高" onclick="setwidth()">
<input type="button" value="隐藏内容" onclick="display()">
<input type="button" value="显示内容" onclick="show()">
<input type="button" value="取消设置" onclick="removeSetUp()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function setcolor(){
let mytxt=document.getElementById("txt");
mytxt.style.color="red";
mytxt.style.backgroundColor="green"
}
//定义"改变宽高"的函数
function setwidth(){
let mytxt=document.getElementById("txt");
mytxt.style.width="50px";
mytxt.style.height ="80px"
}

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

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

//定义"取消设置"的函数
function removeSetUp(){
let remove=confirm("你要取消设置吗");
if(remove==true){
let mytxt=document.getElementById("txt");
mytxt.removeAttribute("style");
//txt.;
}
else{
alert("未取消");
}
}

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

查看全部

0 采集收起来源：编程挑战
2019-06-19
qq_慕数据5138157

1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。

查看全部

0 采集收起来源：认识DOM
2019-06-19
qq_慕数据5138157

第一个练习我的答案
function openWindow(){
// 新窗口打开时弹出确认框，是否打开
let open=confirm("是否打开新窗口?");
//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
if(open==true){
// 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
let sure=prompt("确定打开的网址，默认为 http：//www.imooc.com/");
window.open('http://www.imooc.com','_blink','width=400','height=500','top=100','left=0','menubar=no','toolbar=no')
}
else{

}
}

查看全部

0 采集收起来源：编程练习
2019-06-19
qq_慕前端3478705

function pding(){
var pdingg=confirm
("你想开打网站吗？");
if(pdingg==true)
{ var score = prompt("请输入网站http：//www.imooc.com/");
if(score=="http：//www.imooc.com/")
{window.open('http://www.imooc.com','height=500','width=400','
_blank',);
} } }

查看全部

0 采集收起来源：编程练习
2019-06-18
qq_慕前端3478705

<script type="text/javascript">
function rec(){
var score; //score变量，用来存储用户输入的成绩值。
score = prompt("请输入你的成绩");
if(score>=90)
{
document.write("你很棒!");
}
else if(score>=75)
{
document.write("不错吆!");
}
else if(score>=60)
{
document.write("要加油!");
}
else
{
document.write("要努力了!");
}
}
</script>

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2019-06-18
qq_慕前端3478705

<script type="text/javascript">
function rec(){
var mychar="I love JavaScript";
alert(mychar);
}
</script>
</head>
<body>
<input name="button" type="button" onClick="rec()" value="点击我，弹出对话框" />
</body>

查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2019-06-18
qq_慕前端3478705

document.write(mystr+mychar+"的忠实粉丝!")

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2019-06-18
qq_慕前端3478705

var mystr="我是";
var mychar="JavaScript";
document.write(mychar+"<br>")
document.write(mystr,mychar,"的忠实粉丝!")

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2019-06-18
请叫我玉米
1. 变量需要用字母，下划线，美元符号开头。
2. 变量由任意字母英文下划线，美元构成。
3. 不能使用JavaScript关键字或保留字
4. JavaScript的变量区分大小写
5. 最好是先声明变量再使用
查看全部

0 采集收起来源：JavaScript-什么是变量
2019-06-17
注意看我这波操作

不可以直接输出俩变量名吗？

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2019-06-16
Dazzz
网页中经常会看到显示和隐藏的效果，可通过display属性来设置。
语法：
```
Object.style.display = value
```
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

none and block
查看全部

0 采集收起来源：显示和隐藏（display属性）
2019-06-16
Dazzz
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？
语法:
```
Object.style.property=new style;
```
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
查看全部

0 采集收起来源：改变 HTML 样式
2019-06-16
Dazzz
语法:
```
Object.innerHTML
```
注意:
1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
2.注意书写，innerHTML区分大小写。
我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容
查看全部

0 采集收起来源：innerHTML 属性
2019-06-16
Dazzz

mychar 是通过 getElementById 方法获取到的一个对象，innerHTML 是它的一个属性，存放了这个对象的文本值，如果没有添加,输出的是这个对象的类型

查看全部

0 采集收起来源：通过ID获取元素
2019-06-16

首页上一页 214 215 216 217 218 219 220 下一页尾页

0/150

提交

取消

开始学习

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

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