慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

幕布斯63510

<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
  document.write("JavaScript");
</script>

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）

2018-10-02

逆鳞oz

//定义"取消设置"的函数
function changesetting()
{
var mytxt=document.getElementById("con");
var rst=confirm("是否恢复初始状态");
if(rst==true)
{
mytxt.removeAttribute("style");
}
}
恢复所有的设置--mytxt.removeAttribute("style");

查看全部

1 采集收起来源：编程挑战
2018-10-01
逆鳞oz

<script type="text/javascript">
function add(){
var p1 = document.getElementById("p1");
p1.className="one";
}
function modify(){
var p2 = document.getElementById("p2");
p2.className="two";
}
</script>
其中one是标签p类名，点击按钮为标签添加属性或则修改属性

查看全部

0 采集收起来源：控制类名（className 属性）
2018-10-01
逆鳞oz

通过JavaScript修改html样式
首先获取到标签对象
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="#CCC";
mychar.style.width="300px";

查看全部

0 采集收起来源：改变 HTML 样式
2018-10-01
逆鳞oz

我们从document.getElementById("")获取的是一个标签对象
如：var msg=document.getElementById("");
如果想要进一步获取到标签里面的内容
msg.inner.HTML即可

查看全部

0 采集收起来源：innerHTML 属性
2018-10-01
逆鳞oz

var mychar= document.getElementById("con");
是通过id来获取标签的对象，返回值为
结果:null或[object HTMLParagraphElement]
当没有找到标签对应的id时就返回null

查看全部

0 采集收起来源：通过ID获取元素
2018-10-01

逆鳞oz

window.open('http://www.imooc.com','_self',width=400,height=400,

top=100,left=0);

2."_top"、"_blank"、"_self"具有特殊意义的名称。
       _blank：在新窗口显示目标网页
       _self：在当前窗口显示目标网页
       _top：框架网页中在上部窗口中显示目标网页

查看全部

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

2018-10-01

逆鳞oz

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。
补充：
这里可以尝试如果没有输入时，即输入为空字符串，弹出对话框提示为“请输入分数”
如果没有输入，即直接取消，输入了null，弹出对话框提示为“取消”

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-10-01
逆鳞oz

confirm()返回的是一个boolean值，常用于消息对话框的确认

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-10-01
逆鳞oz

document.write(mystr+"<br>");
document.write(mystr+"&nbsp"+mychar+"的忠实粉丝!");
其中&nbsp是输出空格

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-10-01
逆鳞oz

我们可以将JavaScript代码放在HTML的任何位置，但是我们一般放在网页的head或者body部分
body是网页显示的内容,而head是网页的标题
此时浏览器解析HTML代码时是由head开始由上至下解析的，所以放在head的js代码优先被执行

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2018-10-01
逆鳞oz

如果当js代码和HTML代码分开时
HTML需要引用js时：
<script src="script.js"></script>其中script.js是引用的文件名

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2018-10-01
逆鳞oz

文本类型text，JavaScript是为了告诉浏览器厘米嗯的文本是JavaScript语言
<script type="text/javascript">
document.write("开启JS之旅!");
</script>

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2018-10-01
William阿千
close()关闭窗口
用法：
```
window.close();
```
或
```
<窗口对象>.close();
```
例如:关闭新建的窗口。
```
<script type="text/javascript">
   var mywin=window.open('http://www.imooc.com'); 
   mywin.close();
</script>
```
注意:上面代码在打开新窗口的同时，关闭该窗口，看不到被打开的窗口。
查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2018-10-01
逆鳞oz

使用DOM进行简单操作:
直接写入html的输出流:document.write("hello");
通过id获取html的元素然后修改其样式：
document.getElementById("p1").style.color="blue";

查看全部

0 采集收起来源：为什么学习JavaScript
2018-10-01

首页上一页 385 386 387 388 389 390 391 下一页尾页

0/150

提交

取消

开始学习

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

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