慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

大道寺知世

在JS文件中，不需要<script>标签，直接编写javascript代码就可以了，但是JS文件不能直接运行，要嵌套在HTML文件中执行，在HTML中添加代码：<script src="script.js></script> src 是指向物件的来源 href 是指向需要连结的地方 url 是通用的 "连结" 的专业代名词，在 HTML 语法里几乎不会使用 src 通常用作 "拿取" 而 href 用作 "连结前往" 例如 <img src="image.jpg" /> 就是 src 拿取 image.jpg 作为这个 img 的源档案… 就是 <img> 显示 image.jpg 的意思例如 <a href="image.jpg" /> 就是 href 跳转到 image.jpg… 就是网址会跳转到 image.jpg 的意思

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2018-03-22
大道寺知世

引用JS外部文件可以把html文件和js代码分开,单独创建一个javascript文件(简称js文件),文件后缀通常为.js,然后将js代码直接写在js文件中. 注意:在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。 JS文件不能直接运行，需嵌入到HTML文件中执行，我们需在HTML中添加如下代码，就可将JS文件嵌入HTML文件中。 <script src="script.js"></script>

查看全部

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

网站性能优化-将Script放到HTML文件中尽量靠近尾部（将Script放在页面底部）注意：Button的Click事件需要调用js文件中的某个函数，如果Script都被放到HTML文件的最后的话，button这个element会在script下载完成之前被render出来，如果此时用户点击了这个button，就一定会出现一个Script error。解决方法： 1，将Script放在合适的，尽量靠近尾部的地方； 2，为所有的js文件中需要被调用的函数，在HTML中实现一个空函数（放在靠前的位置），这样当页面需要的js文件没有download完成时，用户点击按钮等操作之后出发一个空函数

查看全部

0 采集收起来源：找到你的位置（JS在页面中的位置）
2017-05-03
大道寺知世

如何写入js代码 <script type="text/javascript">//那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。--------w3school //javascript代码写在这里 </script> 注:<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2018-03-22
大道寺知世

一篇给小白看的 JavaScript 引擎指南：http://t.cn/R42u4b9 给 JavaScript 初学者的 ES2015 实战：http://t.cn/R42utgO 作者结合自身总结的前端入门方法：http://t.cn/R42uiSb

查看全部

0 采集收起来源：新朋友你在哪里（如何插入JS）
2017-05-03
大道寺知世

Js放在head和body中的区别在HTML head部分中的JavaScripts会在被调用的时候才执行。在HTML body部分中的JavaScripts会在页面加载的时候被执行。 js代码不一定要放在head里面，html代码的读取顺序是从上往下，有的时候放在上面浏览器先解析js文档再解析body里面的html标签，这样的话有的时候js效果会被屏蔽，一般的，除了可以放在头部外，也可以放在尾部. <script type="text/javascript"> document.write("hello");页面输出一行 document.getElementById("p1").style.color="blue";获取页面上id为p1的元素，并把颜色改为blue </script>

查看全部

0 采集收起来源：为什么学习JavaScript
2018-03-22
大道寺知世

DOM是 Document Object Model 叫做文档对象模型。在JavaScript中，我们常把一个元素称之为DOM元素。把整个页面结构称之为DOM结构。 DOM其实就是一棵树 DOM 是这样规定的：整个文档是一个文档节点每个HTML标签是一个元素节点包含在HTML元素中的文本是文本节点每一个HTML属性是一个属性节点 http://img1.sycdn.imooc.com//56580d140001639404860266.jpg

查看全部

0 采集收起来源：为什么学习JavaScript
2017-05-03
慕设计2601135

变量名必须使用字母，下划线或者美元符开始，然后可以使用任意多个英文字母，数字，下划线或者美元符组成。不能使用js关键字和保留字。 var mychar； mychar=“JavaScript” var mynum=6； mynum=“hello” 重复赋值

查看全部

0 采集收起来源：JavaScript-什么是变量
2017-05-03
慕设计2601135

JS代码可以单独放在一个文件中：创建JavaScript文件后缀为.js，然后代码直接写在JS文件中。在HTML中引用JS文件

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2017-05-03
慕设计2601135

document.write()的意思是调用浏览器DOM中document对象的write搜索方法,将一段HTML代码或是一段文本内容输出到文档,以使浏览器可以动态处理. document.getElementById()的意思是通过元素的ID特性来获取搜索元素

查看全部

0 采集收起来源：为什么学习JavaScript
2017-05-03
精慕门0011293

//定义"改变颜色"的函数 var mycon=document.getElementById("con"); var mytxt=document.getElementById("txt"); function Change_Color() { mycon.style.color="green"; mycon.style.backgroundColor="#CCC"; } //定义"改变宽高"的函数 function Change_Height() { mycon.style.width="200px"; mycon.style.height="100px"; } //定义"隐藏内容"的函数 function hide_txt() { mytxt.style.display="none"; } //定义"显示内容"的函数 function show_txt() { mytxt.style.display="block"; } //定义"取消设置"的函数 function cancel_set() { var cancel = confirm("取消設定?"); if(cancel==true) { mycon.removeAttribute("style"); } }

查看全部

0 采集收起来源：编程挑战
2018-03-22
weibo_蝎子莱莱LC_04278396

//定义"取消设置"的函数 function resettext(){ var mychose = confirm("取消设置"); if(mychose==true){ mydiv.removeAttribute("style"); } }

查看全部

0 采集收起来源：编程挑战
2018-03-22
qq_她冷了心_0

HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
qq_她冷了心_0

document.getElementById('con')获取的只是P标签，返回的是[objectHTMLParagraphElement]， document.getElementById('con').innerHTML获取的才是P标签里的内容，返回的是JavaScript

查看全部

1 采集收起来源：通过ID获取元素
2017-05-03
奇谈0

4-1  <input type="button" value="改变颜色" onClick="changeColor()"> <input type="button" value="改变宽高" onClick="changeSize()"> <input type="button" value="隐藏内容" onClick="hidetext()"> <input type="button" value="显示内容" onClick="showtext()"> <input type="button" value="取消设置" onClick="resettext()"> </form> <script type="text/javascript"> var myh = document.getElementById("con"); var mydiv = document.getElementById("txt"); //定义"改变颜色"的函数 function changeColor(){ mydiv.style.color="red"; mydiv.style.backgroundColor="#ccc"; } //定义"改变宽高"的函数 function changeSize(){ mydiv.style.width="200px"; mydiv.style.height="300px"; } //定义"隐藏内容"的函数 function hidetext(){ mydiv.style.display="none"; } //定义"显示内容"的函数 function showtext(){ mydiv.style.display="block"; } //定义"取消设置"的函数 function resettext(){ var mychose = confirm(); if(mychose==true){ mydiv.removeAttribute("style"); } } </script>

查看全部

1 采集收起来源：编程挑战
2018-03-22

首页上一页 1060 1061 1062 1063 1064 1065 1066 下一页尾页

0/150

提交

取消

开始学习

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

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