慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

qq_竹肃_0
这一段代码怎么写的：
1. 先添加两个段落，并给每个段落添加唯一的id；
2. 每个段落后面增加一个按钮，通过这个按钮关联的方法来实现样式的添加和修改；
3. 在style中分别定义两个类（class）的样式: one 和two，全文body也定义一个基本样式；
4. 在最后的脚本中添加两个方法，方法类似，都是用getElementById获取到p1元素，然后用className属性（object.className=className）设置该元素的类。
5. 设置完成后，达到的效果为：点击按钮，对应的元素的类就发生相应的变化，这里的具体体现为样式被添加或者被修改。
需求可能会是：
我希望点击一下一个按钮，对应文本的字体，大小，颜色会产生变化，或者有其他动态的变化。
查看全部

0 采集收起来源：控制类名（className 属性）
2018-05-24
计本一班周娟

要记住的就是：要输出获取的p标签的值就要用
var mychar=document.getElementById("con");
document.write("结果："mychar.innerHTML);
其中要记住的就是注意大小写。
getElementById
里面的大小写不能出错，如果不按照它的规范来写，就会出错。

查看全部

0 采集收起来源：通过ID获取元素
2018-05-24
lovei

三种常见的DOM节点
元素节点（标签）、文本节点（<li>标签中的JS、DOM、CSS等文本）、属性节点（<a>标签中的链接属性）

查看全部

0 采集收起来源：认识DOM
2018-05-24
慕先生2138920

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

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2018-05-24
计本一班周娟

在这几小节的学习中，我一直用confirm语法，是弹出窗口的语句。

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2018-05-24
计本一班周娟

打开新网页：
window.open([URL],[窗口名称],[参数字符串])

查看全部

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

qq_HHHHHHHHHHHH_3

alert 弹出消息对话框（包含一个确定按钮，点击前不能进行任何操作，通常用于调试程序）

查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）

2018-05-24

qq_HHHHHHHHHHHH_3
语法:
```
if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }
```
查看全部

0 采集收起来源：JavaScript-判断语句（if...else）
2018-05-24
布一一

xx.removeAttribute("style")恢复原来的样式

查看全部

0 采集收起来源：编程挑战
2018-05-24
qq_HHHHHHHHHHHH_3

html: 
css: /*我是注释*/
javascript: //我是单行注释
/*我是多行注释
我是多行注释*/

查看全部

0 采集收起来源：JavaScript-注释很重要
2018-05-24
慕哥05472112

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className属性</title>
<style>
    body{ font-size:16px;}
    .one{
  border:1px solid #eee;
  width:230px;
  height:50px;
  background:#ccc;
  color:red;
    }
.two{
  border:1px solid #ccc;
  width:230px;
  height:50px;
  background:#9CF;
  color:blue;
}
</style>
</head>
<body>
    <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="添加样式" onclick="add()"/>
<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="更改外观" onclick="modify()"/>
<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>
</body>
</html>

查看全部

0 采集收起来源：控制类名（className 属性）
2018-05-23
慕哥05472112

object.className = classname

查看全部

0 采集收起来源：控制类名（className 属性）
2018-05-23
慕哥05472112

<!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");
        mychar.style.display="none";
  }
  function showtext()
  {
  var mychar = document.getElementById("con");
        mychar.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属性）
2018-05-23
慕哥05472112

Object.style.display = value

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-05-23
慕哥05472112

Object.style.property=new style;

查看全部

0 采集收起来源：改变 HTML 样式
2018-05-23

首页上一页 499 500 501 502 503 504 505 下一页尾页

0/150

提交

取消

开始学习

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

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