1、JavaScript入门篇】的更多相关文章

编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提示: obj.style.width obj.style.height 三.定义"隐藏内容"的函数 提示: obj.style.display="none"; 四.定义"显示内容"的函数 提示: obj.style.display="blo…
1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write("单行注释使用'//'"); // 我是注释,该语句功能在网页中输出内容 </script> 多行注释以"/*"开始,以"*/"结束. <script type="text/javascript"> document.…
  1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></script>   4 <head>   5     <title></title>   6 </head>   7 <body>   8 <input type="text" name="type"…
                   console.info(         console.info(window['weiwu'])          console.info(window.weiwu)          console.info(weiwu)                                  console.info(age);                                               }               …
记录一下在慕课网学习JavaScript的过程. 以下内容均来自慕课网. 传送:https://www.imooc.com/code/401 为什么学习JavaScript 1. 所有主流浏览器都支持JavaScript. 2. 目前,全世界大部分网页都使用JavaScript. 3. 它可以让网页呈现各种动态效果. 4. 做为一个Web开发师,如果你想提供漂亮的网页.令用户满意的上网体验,JavaScript是必不可少的工具. 注意, <script>标签要成对出现,并把JavaScript…
Q1:JS可以放在哪个位置?A1:1.放在<head>标签中,用<script type="text/javascript"></script>来标志这是一段JS代码:2.放在外部文件中,文件后缀名为.js,用<script src="xx.js" />将外部文件引进HTML:3.写在HTML的<body>标签中,通过<script type="text/javascript"&g…
认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,三种常见的DOM节点: 1. 元素节点:上图中<html>.<body>.<p>等都是元素节点,即标签. 2. 文本节点:向用户展示的内容,如<li>...</li>中的…
提问(prompt 消息对话框) prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息.弹出消息对话框(包含一个确定按钮.取消按钮与一个文本输入框). 语法: prompt(str1, str2); 参数说明: str1: 要显示在消息对话框中的文本,不可修改 str2:文本框中的内容,可以修改 返回值: 1. 点击确定按钮,文本框中的内容将作为函数返回值 2. 点击取消按钮,将返回null 看看下面代码: var myname=prompt("请输入你的姓名:"); if…
使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间.<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言. #JS——引…
1.如何插入JS 使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间.<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语…
一.你知道,为什么JavaScript非常值得我们学习吗? 1. 所有主流浏览器都支持JavaScript. 2. 目前,全世界大部分网页都使用JavaScript. 3. 它可以让网页呈现各种动态效果. 4. 做为一个Web开发师,如果你想提供漂亮的网页.令用户满意的上网体验,JavaScript是必不可少的工具. 二.易学性 1.学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序. 2.我们可以用简单命令,完成一些基本操作. 三.从哪开始学习呢? 学习JavaScript的…
JavaScript 正则表达式 正则表达式是由一个字符序列形成的搜索模式.当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容. 正则表达式可以是一个简单的字符,或一个更复杂的模式.正则表达式可用于所有文本搜索和文本替换的操作. 使用字符串方法 在 JavaScript 中,正则表达式通常用于两个字符串方法 : search() 和 replace(). search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置. 正则:var s…
将日期转换为数字 全局方法 Number() 可将日期转换为数字 d = new Date(); Number(d)          // 返回 1404568027739 日期方法 getTime() 也有相同的效果. d = new Date(); d.getTime()        // 返回 1404568027739 自动转换类型 当 JavaScript 尝试操作一个 "错误" 的数据类型时,会自动转换为 "正确" 的数据类型. 如:5 + null…
Break 和 Continue 语句 break 它常用于跳出 switch() 语句, break 语句也可用于跳出循环.break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话) continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代. 如:function liang(){ var aq1 = document.getElementById('box'); var hua = ''; for(var i = 0; i < 8; i++){ if…
字符串属性和方法 原始值字符串,如'liang', 没有属性和方法(因为他们不是对象). 原始值可以使用 JavaScript 的属性和方法,因为 JavaScript 在执行方法和属性时可以把原始值当作对象. 字符串属性 constructor :  返回创建字符串属性的函数 length :  返回字符串的长度 prototype : 允许您向对象添加属性和方法 字符串方法 charAt() : 返回指定索引位置的字符 charCodeAt() : 返回指定索引位置字符的 Unicode 值…
0.课程链接 http://www.imooc.com/learn/36 1.在HTML中加入JS的方法 <script type="text/javascript"> document.write("hello"); document.getElementById("p1").style.color="blue" </script> <script type="text/javascr…
1 什么是 Jest? Jest是 Facebook 的一套开源的 JavaScript 测试框架, 它自动集成了断言.JSDom.覆盖率报告等开发者所需要的所有测试工具,是一款几乎零配置的测试框架.并且它对同样是 Facebook 的开源前端框架 React 的测试十分友好. 2 安装Jest 2.1 初始化package.json 在shell中输入以下命令,初始化前端项目并生成package.json: npm init -y 2.2 安装Jest及相关依赖 在shell中输入以下命令,安…
对   象 对象:一组元素的集合 声明方式:字面量方式 var O = { } 构造函数方式:var obj  =  new object(); 为对象添加新属性,如:o.name = 'jerry' 或o.['name'] = 'jerry' 获取属性对象,如:o.name 或 o['name'](一般用于动态获取属性值) 修改对象属性,如:o.name = 'kevin' 删除对象的属性值,如:delete o.name 遍历对象 使用for in来遍历对象,如:for(var key in…
未定义:undefined 布尔类型值:true,false 判断类型:typeof() 绝对值:Math.abs(-1) 声明常量:const   声明变量:var 小数两值互换如果出现问题,可以通过将小数放大为整数,互换之后再除以放大倍数,如: var a = 2.4; var b = 2.8; a *= 100; //放大100倍 = 240 b *= 100; //放大100倍 =  280 通过互换公式互换: n1 += n2; n2 = n1 - n2; n1 -= n2; a =…
快速认识JavaScript 熟悉JavaScript基本语法 窗口交互方法 通过DOM进行网页元素的操作 学会如何编写JS代码 运用JavaScript去操作HTML元素和CSS样式 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>热身<…
一.认识JS 你知道吗,Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面而已.我们还需使用JavaScript增加行为,为网页添加动态效果.准备好,让JavaScript带你进入新境界吧! JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单.图片轮播.信息滚动等) 2.实现页面与用户之间的实时.动态交互(如:用户注册.登陆验证等) JS进阶篇学习什么?…
 JAVASCRIPT—(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja…
1.通过ID获取元素 document.getElementById("id") <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.getElementById</title> </head…
JavaScript入门篇—JSONP的应用 什么是JSONP 个人理解:将服务器端返回的json数据封装成JavaScript对象,非正式传输协议. JSONP解决了什么问题 Ajax不支持跨域请求.JavaScript在请求ajax的时,URL的请求域名和当前页面完全一致.跨域是指:协议.域名.端口一致.而JSONP的出现解决了跨域请求. JSONP为什么可以解决跨域请求 Web页面调用JS文件时不受跨域的影响,还有拥有src这个属性的标签也一样不受跨域影响.<script>.<im…
JavaScript入门篇—开篇 Document对象 1Document对象表示当前页面,HTML在浏览器中是以DOM形式表示为树形结构.Document是DOM树的根节点.(因此需要查找DOM树中的某个节点时,先从document开始,查找节点常用的有:根据ID和Tag来查找,document提供了 getElementById() 和getElementsByTagName() ). 2另外document中还存在一个cookie属性.所谓cookie是由服务器发送的key-value标示…
关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学习之路是比较好的.学习没有捷径,但学习是有技巧与方法.   一,css入门篇:   推荐书籍:css哪些事儿,精通css. 理由:css那些事儿,他是一本介绍css基础类的书,是入门的经典读物. 系统的介绍了css的选择符,伪类,工作环境,盒模型,两列,三列自适应布局.文字样式,图片处理,列表,表单…
[three.js详解之一]入门篇   开场白 webGL可以让我们在canvas上实现3D效果.而three.js是一款webGL框架,由于其易用性被广泛应用.如果你要学习webGL,抛弃那些复杂的原生接口从这款框架入手是一个不错的选择. 博主目前也在学习three.js,发现相关资料非常稀少,甚至官方的api文档也非常粗糙,很多效果需要自己慢慢敲代码摸索.所以我写这个教程的目的一是自己总结,二是与大家分享. 本篇是系列教程的第一篇:入门篇.在这篇文章中,我将以一个简单的demo为例,阐述th…
智画互动开发团队 编   ISBN 978-7-121-22242-9 2014年2月出版 定价:79.00元 328页 16开 编辑推荐 长达800分钟的高清教学视频,手把手教会初学者 数个开发案例,实战为上 语言通俗易懂,均来自开发者一线笔记 内容提要 <Unity3D大风暴之入门篇(海量教学视频版)>是“Unity大风暴”系列三部曲的第一部,系统地讲解了 Unity3D的基本操作和功能实现,包括对NGUI.uniSWF和Scaleform等Unity主流GUI解决方案的解析,并配合大量实…
本系列文章导航 从零开始学习jQuery (一) 入门篇 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery. 二.前言 三.什么是jQuery jQuery是一套Javascript脚本库.  Javascript…
jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器兼容性问题实现丰富的UI纠正错误的脚本知识 2.常用的知识点 jquery的id选择器:$("#btnShow")事件绑定函数 bind()显示和隐藏函数show() hide()修改元素内部html的函数html() 仅仅凭借多浏览器支持这一特性,就足以让我们学习并使用jquery,因为…