慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕粉2305497555
语法:
```
Object.style.property=new style;
```
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
查看全部

0 采集收起来源：改变 HTML 样式
2019-07-10
慕粉2305497555

innerHTML属性用于获取或替代HTML元素的内容
object.innerHTML:object是获取的元素对象

查看全部

0 采集收起来源：innerHTML 属性
2019-07-10
woaixuexi3946647

随机改变颜色
function changeColor(){
    var p = document.getElementsByTagName("p");
    var a = String(Math.round(Math.random()*255));
    var b = String(Math.round(Math.random()*255));
    var c = String(Math.round(Math.random()*255));
    var newcolor = "rgb("+a+","+b+","+c+")";
    for (i=0;i<p.length;i++){
        p[i].style.color = newcolor;
    }
}

查看全部

0 采集收起来源：编程挑战
2019-07-10
慕粉2305497555

confirm("确认框提示内容");弹出确认框，
prompt("提示内容","输入框内容")
window.open('URl网址','窗口名称','打开新窗口属性设置');

查看全部

0 采集收起来源：编程练习
2019-07-10
慕仙7766775

打开、关闭窗口
window.open("http://www.imooc.com"); //打开窗口
window.close(); //关闭窗口
<窗口对象>：
var mywin=window.open("http://www.imooc.com"); mywin.close();

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2019-07-10
慕仙7766775
JavaScript-打开新窗口（window.open）
语法：
```
window.open([URL], [窗口名称], [参数字符串])
```
查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2019-07-10
慕粉2305497555

window.open('URL','窗口名称','参数字符串');
具有特殊意义的名字：_top：框架网页中上部窗口                                                显示目标网页
                                  -blank：在新窗口显示目标网页
                                  -self：在当前窗口显示网页

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2019-07-09
慕粉2305497555
document输出的内容是点击确认或取消后输入到页面上内容
语法：
```
confirm(str);
```
参数说明:
```
str：在消息对话框中要显示的文本返回值: Boolean值
```
查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2019-07-09
慕粉2305497555

JS中如何输出空格
在写JS代码的时候，大家可以会发现这样现象:
document.write(" 1 2 3 ");
结果: 1 2 3
无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。
这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。
解决方法:
1. 使用输出html标签 来解决
document.write("  "+"1"+"    "+"23");
结果: 1 23
2. 使用CSS样式来解决
document.write("<span style='white-space:pre;'>"+" 1 2 3 "+"</span>");
结果: 1 2 3
在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"

查看全部

1 采集收起来源：JavaScript-输出内容（document.write）
2019-07-09
慕粉2305497555

浏览器解释HTML时是按照先后顺序的，所以前面的script就先被执行，比如进行页面初始化的减少、必须放在head里面，因为初始化是提前进行的。

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2019-07-09
慕粉2305497555

document.write("hello") //在屏幕输出内容
document.getElementById("标签名").style.color = "blue"//给某个元素内容添加样式

查看全部

0 采集收起来源：为什么学习JavaScript
2019-07-09
weixin_慕瓜2396949

显示和隐藏display的属性
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
<script type="text/javascript">
function hidetext()
{
var mychar = document.getElementById("con");
mycahr.style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mycahr.style.display="block";
}
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p>
<form>
<input type="button" onclick="hidetext()" value="隐藏内容" />
<input type="button" onclick="showtext()" value="显示内容" />
</form>
</body>
</html>

查看全部

0 采集收起来源：显示和隐藏（display属性）
2019-07-09
weixin_慕瓜2396949

mychar.style.color="red";设置字体颜色
mychar.style.backgroundColor="#ccc";设置元素背景颜色
mycahr.style.width=300px;设置宽度为300像素

查看全部

0 采集收起来源：改变 HTML 样式
2019-07-09
weixin_慕瓜2396949

alert()弹出警告对话框
confirm()弹出确认对话框
prompt()弹出问答式对话框

查看全部

0 采集收起来源：innerHTML 属性
2019-07-09
Ricard_Q

文档对象模型DOM，定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素、属性和文本的树结构（节点树）

查看全部

0 采集收起来源：认识DOM
2019-07-09

首页上一页 205 206 207 208 209 210 211 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript入门篇

JavaScript-打开新窗口（window.open）

JS中如何输出空格