初学JavaScript（入门一）

JavaScript入门篇编程练习

编程挑战一.定义"改变颜色"的函数提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数提示: obj.style.width obj.style.height 三.定义"隐藏内容"的函数提示: obj.style.display="none"; 四.定义"显示内容"的函数提示: obj.style.display="blo…

知识说明: 初学JavaScript,注意以下七大细节,在实现同样功能的情况下,让我们的代码更易懂.效率更高. 一.简化代码例如:创建对象之前是这样的: Var car = new object(); Car.color = “red”; Car.wheels = 4; Car.age = 8; 而现在可以写成这样子: Var car = {color:’red’, wheels:4, age:8} 例如:创建数组之前是这样的: Var studentArray = new Array(‘…

JavaScript入门

本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type="text/javascript"> //写在head标签内 document.write("hello"); </script> </head> <body> <p id="p1">mrSun(会变蓝色)…

慕课网JavaScript入门篇课程笔记

1.js注释很重要单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write("单行注释使用'//'"); // 我是注释,该语句功能在网页中输出内容 </script> 多行注释以"/*"开始,以"*/"结束. <script type="text/javascript"> document.…

Javascript入门学习

编程之道,程序员不仅仅要精通一门语言,而是要多学习几门. 本学习之源出自柠檬学院http://www.bjlemon.com/,特此声明. 第一课1:javascript的主要特点解释型:不需要编译,浏览器直接解释执行基于对象:我们可以直接使用JS已经创建的对象事件驱动:可以对以事件驱动的方式相应客户端的输入,无须经过服务器端程序安全性:不允许访问本地硬盘,不能将数据写入到服务器上跨平台:js依赖浏览器本身,与操作系统无关第二课如何在网页中写Javascript1:在页面中直接嵌入Javasc…

JavaScript入门基础

JavaScript基本语法 1.运算符运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运算符(+,-,*,/,++,--,%).比较运算符(>,<,<=,>=,==,===,!=,!==).逻辑运算符(||,&&,!).条件运算(?:).位移运算符(|,&,<<,>>,~,^)和字符串运算符(+). 可能很多人不知道&quo…

JavaScript入门介绍(二)

JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Literal 函数对象通过函数字面量来创建: var add = function(a, b){ return a + b;} 匿名函数Anonymous 没有函数名的函数. 调用Invocation 每个函数均有this .arguments参数方法调用模式函数调用模式构造器调用模式apply调用模…

JavaScript入门介绍(一)

JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器开发调试工具]按F121.代码后台输出调试:console.log("text");2. console输出台直接输代码调试 [语法] 标示符Names 数据类型data type number 数字 :64位浮点数(double,只有一种) string 字符串 :16位字符组成(单双引号表示) boolean 不二类型 undefined function obje…

开心菜鸟系列－－－－函数作用域（javascript入门篇）

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"…

开心菜鸟系列－－－－变量的解读（javascript入门篇）

console.info( console.info(window['weiwu']) console.info(window.weiwu) console.info(weiwu) console.info(age); } …