慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕粉1044456510

<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"; mychar.style.fontSize="40px"; </script> </body> 注意-->JS中调用样式时，使用连字符的属性名称需要改为驼峰式的名称才能正常使用，如mychar.style.backgroundColor，css中的background-color要更改为backgroundColor，去连字符，第二个单词首字母大写。

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
qq_咋暖還寒_0

将js移到DOM之后执行，对mychar的定义给一次就行在dom之前执行的话mychar的定义值获取不到，会报错。会需要在function里单独定义

查看全部

0 采集收起来源：显示和隐藏（display属性）
2017-01-19
qq_猫小小

什么汗

查看全部

0 采集收起来源：JavaScript-关闭窗口（window.close）
2017-01-19
qq_咋暖還寒_0

改变样式的js要写在DOM结构之后，不然无效

查看全部

0 采集收起来源：改变 HTML 样式
2017-01-19
小情绪猿

<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>表格+js+显示隐藏

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
qq_咋暖還寒_0

innerHTML 属性用于获取或替换 HTML 元素的内容。

查看全部

0 采集收起来源：innerHTML 属性
2017-01-19
慕JIE

JavaScript-提问（prompt 消息对话框） prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法: prompt(str1, str2); 参数说明： str1: 要显示在消息对话框中的文本，不可修改 str2：文本框中的内容，可以修改返回值: 1. 点击确定按钮，文本框中的内容将作为函数返回值 2. 点击取消按钮，将返回null

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2017-01-19
慕JIE

JavaScript-确认（confirm 消息对话框） confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。语法: confirm(str);

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2017-01-19
慕JIE

注: 消息对话框是排它的，即用户在点击对话框按钮前，不能进行任何其它操作。

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2017-01-19
qq_咋暖還寒_0

document.getElementById(“id”)

查看全部

0 采集收起来源：通过ID获取元素
2017-01-19
慕JIE

第四种:输出HTML标签，并起作用，标签使用""括起来。 <script type="text/javascript"> var mystr="hello"; document.write(mystr+"<br>");//输出hello后，输出一个换行符 document.write("JavaScript"); </script>

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-03-22
qq_咋暖還寒_0

HTML文档可以说由节点构成的集合，三种常见的DOM节点: 1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。 2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。例如：<a href="">javascript</a> a 就是元素节点 href 就是属性节点 javascript 就是文本节点

查看全部

0 采集收起来源：认识DOM
2018-03-22
慕JIE

如果是通过事件调用执行的function那么对位置没什么要求的。

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2017-01-19
慕JIE

我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。放在<head>部分最常用的方式是在页面中head部分放置<script>元素，浏览器解析head部分就会执行这个代码，然后才解析页面的其余部分。放在<body>部分 JavaScript代码在网页读取到该语句的时候就会执行。

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2018-03-22
裴文彬

<br>换行符 &nbsp；输出空格

查看全部

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

首页上一页 1351 1352 1353 1354 1355 1356 1357 下一页尾页

0/150

提交

取消

开始学习

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

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