为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • 一、定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二、定义"改变宽高"的函数 提示: obj.style.width obj.style.height 三、定义"隐藏内容"的函数 提示: obj.style.display="none"; 四、定义"显示内容"的函数 提示: obj.style.display="block"; 五、定义"取消设置"的函数 提示: 使用confirm()确定框,来确认是否取消设置。 如是将以上所有的设置恢复原始值,否则不做操作
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 语法: object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观
    查看全部
  • 1、可以将JS代码直接写在JS文件中(文件后缀为.js),在JS文件中,不需要<script>标签,直接编写JavaScript代码就可以了。 2、JS文件不能直接运行,需嵌入到HTML文件中执行,<script src="script.js"></script>。
    查看全部
  • 1. HEAD中的脚本,是可以保证脚本在任何调用之前被加载。 2. BODY中的脚本,当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。 3. Javascript可以放在页面的任何地方,它的加载顺序与页面的加载顺序一致,页面加载时,先加载head部分,后加载body部分,所以当把javascript代码块放在HTML前面时,它将先于head被加载,当放在head里面时,它将先于body被加载,当放在页面最后的的html之外时,它将最后被加载。 4、使用<script>标签在HTML网页中插入JavaScript代码。注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间。 5、<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。
    查看全部
  • 控制类名(className 属性) className 属性设置或返回元素的class 属性。 语法: object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观
    查看全部
  • mark
    查看全部
    0 采集 收起 来源:编程挑战

    2014-12-08

  • 记得属性值的双引号问题 className的属性值不需要在类名前加.
    查看全部
  • 显示和隐藏(display属性) 语法: Object.style.display = value 注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。 <!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"); document.getElementById("con").style.display="none"; } function showtext() { var mychar = document.getElementById("con"); document.getElementById("con").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>
    查看全部
  • 改变 HTML 样式 如: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>style样式</title> </head> <body> <h2 id="con">I love JavaScript</H2> <p> JavaScript使网页显示动态效果并实现与用户交互功能。</p> <script type="text/javascript"> var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.backgroundColor="#ccc"; mychar.style.width="300px"; </script> </body> </html>
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2018-03-22

  • ·····
    查看全部
  • innerHTML 属性 注意: 1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。 2.注意书写,innerHTML区分大小写。
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2018-03-22

  • 通过ID获取元素 学过HTML/CSS样式,都知道,网页由标签将信息组织起来,而标签的id属性值是唯一的,就像是每人有一个身份证号一样,只要通过身份证号就可以找到相对应的人。那么在网页中,我们通过id先找到标签,然后进行操作。
    查看全部
  • - -
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-08

  • 按钮的onclick 属性中,onclick="函数名" 调用函数
    查看全部
  • mark
    查看全部
    0 采集 收起 来源:编程挑战

    2014-12-08

举报

0/150
提交
取消
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!