慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

柠檬呢

改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝：

<p id="pcon">Hello World!</p>
<script>
   var mychar = document.getElementById("pcon");
   mychar.style.color="red";
   mychar.style.fontSize="20";
   mychar.style.backgroundColor ="blue";
</script>

基本属性表（property）:

查看全部

0 采集收起来源：改变 HTML 样式

2018-07-19

柠檬呢

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

例如:打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口：

<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

窗口名称参数表：

查看全部

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

2018-07-19

希子Kim
1. 获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观.
  className属性设置或者返回元素的class属性。
查看全部

0 采集收起来源：控制类名（className 属性）
2018-07-19
希子Kim
```
object.className = classname
```
查看全部

0 采集收起来源：控制类名（className 属性）
2018-07-19
希子Kim

请输入笔记内容... Object.style.display = value
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
value取值:
看看下面代码:

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-07-19
PALE_BLUE
网页中经常会看到显示和隐藏的效果，可通过display属性来设置。
语法：
```
Object.style.display = value
```
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
value取值:
查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-07-19
PALE_BLUE
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？
语法:
```
Object.style.property=new style;
```
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
基本属性表（property）:
注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。
查看全部

0 采集收起来源：改变 HTML 样式
2018-07-19
Yauger

innerHTML 属性
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
Object.innerHTML

查看全部

0 采集收起来源：innerHTML 属性
2018-07-19
TSeven

js中如何输出空格

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-07-19
PALE_BLUE
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
```
Object.innerHTML
```
注意:
1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
2.注意书写，innerHTML区分大小写。
我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容，代码如下:
结果:
查看全部

0 采集收起来源：innerHTML 属性
2018-07-19

柠檬呢

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

查看全部

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

2018-07-19

柠檬呢

函数和调用函数

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-07-19
四月暖天

var obj2=document.getElementById("obj");
obj2.removeAttribute('style');

查看全部

0 采集收起来源：编程挑战
2018-07-19
柠檬呢

变量名可以任意取名，但要遵循命名规则:
1.变量必须使用字母、下划线(_)或者美元符($)开始。
2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
3.不能使用JavaScript关键词与JavaScript保留字。
4 在JS中区分大小写，如变量mychar与myChar是不一样的，表示是两个变量。
5 变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。

查看全部

0 采集收起来源：JavaScript-什么是变量
2018-07-19
柠檬呢

1.index.html文件中的第6行使用
<script src="script.js"></script>代码引用script.js文件。
2.现在在script.js文件中写入document.write("引用JS文件!"); ，JS代码就直接运行了。

查看全部

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

首页上一页 452 453 454 455 456 457 458 下一页尾页

0/150

提交

取消

开始学习

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

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