js基础学习笔记(一)

* 在js编写过程中,尽量保持统一使用单引号 ‘XXXX‘;

* 所有变量都要声明 var,避免全局函数调用的冲突;

1.1   

输出内容 docment.write(‘aileLi’);

改变某ID元素样式 docment.getElementById(‘ID’).style.color=’样式参数’;

1.2  

输出弹出框 alert(‘aileLi’);

1.5  什么是变量? 

从字面上看,变量是可变的量;

从编程角度讲,变量是用于存储某种/某些数值的存储器。

  •   定义变量使用关键字var,语法:var 变量名
  •   变量名可以任意取名,但要遵循命名规则:

1.变量名必须使用字母或者下划线(_)开始。

2.变量名必须使用英文字母、数字、下划线(_)组成。

3.变量名不能使用JavaScript关键词与JavaScript保留字。

1.6  判断语句(if...else)语法:

if(条件)

{ 条件成立时执行的代码 }

else

{ 条件不成立时执行的代码 }

1.7  什么是函数

函数是完成某个特定功能的一组语句。如没有函数,完成任务可能需要五行、十行、甚至更多的代码。这时我们就可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省重复输入大量代码的麻烦。

如何定义一个函数呢?基本语法如下:

fnction 函数名()

{

函数代码;

}

说明:

1. fnction定义函数的关键字。

2. "函数名"你为函数取的名字。

3. "函数代码"替换为完成特定功能的代码。

函数调用:

函数定义好后,是不能自动执行的,所以需调用它,只需直接在需要的位置写函数就ok了,代码如下:

js基础学习笔记(一)

时间: 2024-10-08 03:28:52

js基础学习笔记(一)的相关文章

js基础学习笔记(二)

2.1  输出内容(document.write) document.write() 可用于直接向 HTML 输出流写内容.简单的说就是直接在网页中输出内容. 第一种:输出内容用“”括起,直接输出""号内的内容. <script type="text/javascript"> document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出.

js基础学习笔记(三)

3.1 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,三种常见的DOM节点: 1. 元素节点:上图中<html>.<body>.<p>等都是元素节点,即标签. 2. 文本节点:向用户展示的内容,如<li>...</li&g

node.js 基础学习笔记3 -http

http模块,其中封装了一个高效的HTTP服务器和一个建议的HTTP客户端 http.server是一个基于事件的HTTP服务器 http.request则是一个HTTP客户端工具,用户向服务器发送请求. HTTP服务器 (1)http.Server实现,提供了一套封装级别很低的API,仅仅是流控制和简单的解析. request当客户端请求到来时,该事件被触发,提供两个参数,分别是http.ServerRequest和http.ServerResponse的实例,表示请求和相应信息. var h

js 基础学习笔记(一)

javascript基础 1.组成部分:由 ECMAScript(翻译,核心,解释器).DOM(操作HTML的能力).BOM(浏览器window)三部分组成. 兼容性依次为 [1.几乎没有兼容性问题.2.有一些操作不兼容.3.完全不兼容:] 2.变量类型: 数字类型(number): 字符串(string):数组(arry):布尔值(boolean):对象(object):函数(function):未定义(undefined):NaN(不存在): 测试变量的类型方法: alert(typeof)

js基础学习笔记(六)

事件(可以被 JavaScript 侦测到的行为) 主要事件表: 加载事件(onload) 事件会在页面加载完成后立即发生,同时执行被调用的程序. 卸载事件(onunload) 当用户退出页面时(页面关闭.页面刷新等),触发onUnload事件,同时执行被调用的程序. 注意:不同浏览器对onunload事件支持不同. 获取或设置 元素的值 document.getElementById( 'id' ).value 获取或设置 id名的值. parseInt() 函数 解析一个字符串,并返回一个整

js基础学习笔记(五)

多种选择(Switch语句) 当有很多种选项的时候,switch比if else使用更方便. 语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 . case值2...case值n 不同时执行的代码 } 语法说明: Switch必须赋初始值,值与每个case值匹配.满足执行该 case 后的所有语句,并用break语句来阻止运行下一

js基础学习笔记(四)

4.1 什么是数组 我们知道变量用来存储数据,一个变量只能存储一个内容,存储多个值时,就需要用到数组. 数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一个相应的值,根据需要添加更多数值. 创建数组的语法: var myarray = new Array(); 我们创建数组的同时,还可以为数组指定长度,长度可任意指定. var myarray= new Array(8); //创建数组,存储8个数据. 注意: 1.创建的新数组是空数组,没有值,如输出,则显示undefined.

ASP.Net MVC开发基础学习笔记(3):Razor视图引擎、控制器与路由机制学习

首页 头条 文章 频道                         设计频道 Web前端 Python开发 Java技术 Android应用 iOS应用 资源 小组 相亲 频道 首页 头条 文章 小组 相亲 资源 设计 前端 Python Java 安卓 iOS 登录 注册 首页 最新文章 经典回顾 开发 Web前端 Python Android iOS Java C/C++ PHP .NET Ruby Go 设计 UI设计 网页设计 交互设计 用户体验 设计教程 设计职场 极客 IT技术

ASP.Net MVC开发基础学习笔记:三、Razor视图引擎、控制器与路由机制学习

一.天降神器“剃须刀” — Razor视图引擎 1.1 千呼万唤始出来的MVC3.0 在MVC3.0版本的时候,微软终于引入了第二种模板引擎:Razor.在这之前,我们一直在使用WebForm时代沿留下来的ASPX引擎或者第三方的NVelocity模板引擎. Razor在减少代码冗余.增强代码可读性和Visual Studio智能感知方面,都有着突出的优势.Razor一经推出就深受广大ASP.Net开发者的喜爱. 1.2 Razor的语法 (1)Razor文件类型:Razor支持两种文件类型,分