JavaScript的基本语法
1、脚本的基本结构如下:
<script language="JavaScript">
<!--JavaScript语句;-->
</script>
提示:一般将核心脚本语句放置在标签<head>...</head>之间。
document.write()方法用于页面输出显示信息。
问题:为什么浏览器显示的脚本的内容而不是脚本执行的结果?
答:a、遗漏开始或结束的<script>。b、扩展名不是.html或.htm。c、浏览器不支持JS脚本。
2、执行原理:
客户端请求含JavaScript的页面
从服务器端下载含JavaScript的页面
客户端解析HTML标签和JavaScript脚本
3、基本语法:
·var 合法的变量名;
变量名不能使用关键字。多个变量可以用逗号分隔。
运算符号与Java中相同
if(表达式){}else{}
for(初始化;条件;增量或减量){}
while(条件){}
switch(表达式)
{case 常量值1:JavaScript语句;
case 常量值2:JavaScript语句;
default:JavaScript语句;
}
类型:number/null/boolean/string/object/undefinde
类型转换:掌握parseFloat()和parseInt()函数。
重点定义函数:function 函数名(参数列表){}
注:也可以没有参数
调用函数:事件名="函数名()"
获取表单数据:document.表单名.表单元素名.value
示例1:function calcu() {
var numb1=document.calc.num1.value;
var numb2=document.calc.num2.value;
var total=parseFloat(numb1)*parseFloat(numb2);
document.calc.result.value=total; }
<form name="calc">
<input name="result" type="text" size="15">
<input name="getAnswer" type="button" id="getAnswer" onClick="calcu()">
</form>
示例2:打印倒金字塔直线
var i =25;
while(i>0){
docment.write("<hr align=center width="+i+"%>");
i=i-5;
}
for(var j=5;j<30;j=j+5){
docment.write("<hr align=center width="+j+"%>");
} 定义函数时注意:
形式参数:定义函数时为函数定义的参数,它代表参数的类型和位置。
实际参数:调用函数时传递给函数的参数值。
调用时:把实参的值传递给形参。
函数名严格区分大小写。
多个参数用逗号隔开,要调用函数时,必须为逗号隔开的每个参数指定类型兼容的值。
如果需要返回结果,使用return语句。
JavaScript的基本语法的更多相关文章
- javascript的基本语法、数据结构
本篇学习资料主要讲解javascript的基本语法.数据结构 无论是传统的编程语言,还是脚本语言,都具有数据类型.常量和变量.运算符.表达式.注释语句.流程控制语句等基本元素构成,这些基本元 ...
- JavaScript编程:javaScript核心基础语法
1.javaScript核心基础语法: javaScript技术体系包含了5个内容: 1.核心语言定义: 2.原生对象和雷子对象: 3.浏览器对象 ...
- 【JavaScript的基本语法】
[JavaScript的基本语法 ] 1.javascript输出 JavaScript语句向浏览器发出的命令.语句的作用是告诉浏览器该做什么. <script> documen ...
- Javascript和Jquery语法对比总结
目的 相信大家都知道jq是js的一个类库,是为了方便我们开发前端,但是笔者在刚开始学习js和jq时经常将两者的语法记混和混用,所以整理下两者实现相同功能之前的语法区别. 声明变量 javascript ...
- (2)javascript的基本语法、数据结构、变量
本篇学习资料主要讲解javascript的基本语法.数据结构.变量 无论是传统的编程语言,还是脚本语言,都具有数据类型.常量和变量.运算符.表达式.注释语句.流程控制语句等基本元素构成,这些 ...
- 完整的JavaScript包括三部分、script标签、JavaScript的基本语法以及变量和字面量的关系
完整的JavaScript包括三大部分: -ECMAScript JavaScript的开发规范:提供核心语言功能 -DOM document object model 文档对象模型:提供 ...
- JavaScript类型和语法
JavaScript类型和语法 一.类型 1.内置类型(null.undefined.boolean.number.string.object.symbol(es6中新增))(除对象之外,其它统称为基 ...
- JavaScript的基础语法及DOM元素和事件
一,JavaScript是什么? 1,JavaScript简称:js,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行.主要用来实现网页的动态效果,用户交互及前后端的数据传输等. 2,J ...
- javascript基础一语法和常用函数
1语法 1.1引入的方式 在html中引入javascript,使用script标签,在html页面中包括外部引入js方式和在html内部引入js方式.如下两种: 方式一: <script ty ...
随机推荐
- Node学习笔记(四):gulp+express+io.socket部署angularJs2(填坑篇)
这篇就先暂停下上篇博客--你画我猜的进度,因为在做这个游戏的时候,想采用最新的ng2技术,奈何坑是一片又一片,这边就先介绍下环境部署和填坑史 既然要用ng2,首先要拿到资源,我这边用的是angular ...
- C# Windows API
API:应用程序接口(API:Application Program Interface)应用程序接口(API:application programming interface)是一组定义.程序及协 ...
- springboot 学习资源推荐
springboot 是什么?对于构建生产就绪的Spring应用程序有一个看法. Spring Boot优先于配置的惯例,旨在让您尽快启动和运行.(这是springboot的官方介绍) 我们为什么要学 ...
- spring源码:学习线索(li)
一.spring xml配置(不包括AOP,主要了解在初始化及实例化过程中spring配置文件中每项内容的具体实现过程,从根本上掌握spring) <bean>的名字 &,alia ...
- 【设计模式】单例模式 c++实现
单例模式一般应用在整个应用中只会存在一个对象.比如应用类,游戏场景类,工具类等. 实现方式: 头文件 singleton.h: #ifndef _SINGLETON_H_ #define _SINGL ...
- 了解AIDL
1.什么是AIDL? Android Interface Definition Lauguage(android接口描述语言)是一个IDL语言. 2.AIDL的作用? 背景:在android平台 中, ...
- jsPanel插件Option总结
jsPanel插件Option总结 学习jsPanel之余对相关的选项进行了总结,便于参考. # 选项名称 类别 简要说明 1 autoclose configuration 设置一个时间在毫秒后,面 ...
- CSS代码规范
空格 选择器 与 { 之间必须包含空格. 列表型属性值 书写在单行时,, 后必须跟一个空格. 属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格. margin: 0; .+ ...
- GO 1.5 代码编译安装 [centos7 64位]
2015年8月,Go 1.5 正式发布,这是 Go 的第六个重要版本. 此版本包括大量重大改进,编译工具链从 C 转换到 Go,从 Go 代码库中完全移除 C 代码.完完全全重新设计了垃圾收集器,减少 ...
- JAVA-堆区,栈区,方法区。
转载:http://blog.csdn.net/wangxin1982314/article/details/50293241 堆区: 村线程操纵的数据(对象形式存放) 1 存储的全部是对象,每个对象 ...