javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件。

三个常用对话框

alert("")警告对话框,弹出一个警告对话框

<script>
alert("你好")
</script>

confirm("")确定对话框,弹出一个可供选择的确定对话框,点击确定返回true,点击取消返回false,可用变量接受。

<script>
confirm("你好")
</script>

prompt("要显示的文字")弹出一个可以输入内容的对话框

<script>
prompt("你好","张三")
</script>

javascript语法:

基本数据类型:字符串、整数、小数、日期时间、布尔型

变量:通用类型var,可以储存其他随便类型的值,可以直接使用不用定义,但习惯上定义。

输出:

<script>
document.write("<p style='color:red'>出自<br />朱自清</p>")
</script>

数组:定义var array=new Array();长度是动态变化的,可以存放任意类型的元素

a.length 数组的长度 a.sort()数组排序  a.reverse()数组翻转

冒泡排序:

var array = new Array();
array[0]=3;
array[1]=11;
array[2]=62;
array[3]=6;
array[4]=1; for(var i =0;i<array.length-1;i++)
{
for(var j=i+1;j<array.length;j++)
{
if(parseInt(array[i])>parseInt(array[j]))
{
var zhong = array[i];
array[i]=array[j];
array[j]=zhong;
}
}
alert(array[i])
}

函数:
函数的四要素:名称,输入,返回值,加工

可以写在外部js文件中

js文件中

function Change()
{
var a = document.getElementById("pp");
a.style.color="red";
}

html文件body里

<p id="pp" onclick="Change()">春天来了,花儿开了,草儿绿了。</p>

html外

<script src="222.js"></script>

点击变为红色

改变元素的属性:

<p id="hello">hello</p>
<script>
function hello()
{
x=document.getElementById("hello")
x.style.color = "#ff0000";
}
</script>
<input type="button" value="点击变颜色" onclick="hello()" />
<!--点击由黑色变红色-->

强制转换:

转换为整数:parseint()

转换为小数:parsefloat()

判断是否是一个合法的数字类型:isNaN()是数字返回false,不是数字返回true

var a =prompt("请输入一个数字","只能是数字");
if(a!=null)
{
var b = isNaN(a);
if(b)
{
alert("不是数字")
}
else
{
alert("是数字!!!!")
}
}

运算符:数学运算符+ - * / % ++ --

    关系运算符== != <= >= < >

    逻辑运算符&& || !

    其他运算符+= -= *= /= %= ?:

语句:

顺序语句

分支语句

循环语句

js简介、基本语法、类型转换、变量、运算符、分支语句、循环语句、函数、函数调用的更多相关文章

  1. SQL变量、运算符、分支、循环语句

    变量: SQL语言也跟其他编程语言一样,拥有变量.分支.循环等控制语句. 在SQL语言里面把变量分为局部变量和全局变量,全局变量又称系统变量. 局部变量: 使用declare关键字给变量声明,语法非常 ...

  2. SQL连接查询、变量、运算符、分支、循环语句

    连接查询:通过连接运算符可以实现多个表查询.连接是关系数据库模型的主要特点,也是它区别于其它类型数据库管理系统的一个标志. 常用的两个链接运算符: 1.join   on 2.union 在关系数据库 ...

  3. JavaScript基础(语法类型转换、运算符、语句)

    1.类型转换: 分为自动转换和强制转换,一般用强制转换. 其他类型转换为整数:parseint(): 其他类型转换为小数:parsefloat(): 判断是否是一个合法的数字类型:isNaN(): 是 ...

  4. Laravel 5.6 视图用Blade语法传递变量和流程控制if 语句和循环语句

    Laravel5.6 视图用Blade语法传递变量和流程控制if 语句和循环语句 Laravel 的 View 部分是内置了两套输出系统:直接输出和使用 Blade 引擎“编译”后输出,默认情况下它们 ...

  5. GO语言的基本语法之变量,常量,条件语句,循环语句

    GO语言的基本语法之变量,常量,条件语句,循环语句 作为慕课网得笔记自己看 定义变量: 使用var关键字 var a, b, C bool var s1, s2 string = "hell ...

  6. javascript基础入门之js中的结构分支与循环语句

    javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...

  7. python学习第四讲,python基础语法之判断语句,循环语句

    目录 python学习第四讲,python基础语法之判断语句,选择语句,循环语句 一丶判断语句 if 1.if 语法 2. if else 语法 3. if 进阶 if elif else 二丶运算符 ...

  8. [零基础学JAVA]Java SE基础部分-04. 分支、循环语句

    转自:http://redking.blog.51cto.com/27212/116751 1.课程名称:分支.循环 本季为JAVA程序中最重要的部分,在讲解的时候除了讲解各种主要的控制语句(分支语句 ...

  9. 02_5if switch分支与循环语句

    02_5if switch分支与循环语句 1.语句 1.1条件语句-根据不同条件,执行不同语句. if if ... else if ... else if if ... else if ... el ...

  10. python2学习------基础语法1 (变量、分支语句、循环语句、字符串操作)

    1.变量类型 Numbers(数字):int,float,long String(字符串) List(列表) tuple(元组) dict(字典) bool(布尔):True,False # 删除变量 ...

随机推荐

  1. SpringMVC项目,启动项目怎么总是报找不到log4j.properties文件

    具体操作:右键项目---->properties--->Java Build Path--->source--->Add Folder --->选择log4.proper ...

  2. 微信开放平台API开发资料

    微信大概两年前开启了微信公众平台的API供开发者使用,从账号登陆.消息发送.用户账号管理.公众号菜单.客服接口.微信商店接口.用户卡券接口 以及微信支付接口.可以说是全方面覆盖了电商所需要的要素,与阿 ...

  3. hashcode与equals

    归纳一下就是hashCode是用于查找使用的,而equals是用于比较两个对象的是否相等的.以下这段话是从别人帖子回复拷贝过来的: .hashcode是用来查找的,如果你学过数据结构就应该知道,在查找 ...

  4. AngularJS 实现的输入自动完成补充功能

    1.首先需要引入:angucomplete.js第三方库 2.增加model : var app = angular.module('app', ["angucomplete"]) ...

  5. webrtc - web 应用相关网站

    很有意思的网站 http://io13webrtc.appspot.com/#1 html5使用webrtc简介 http://www.html5rocks.com/en/tutorials/getu ...

  6. cookie存储记录

    ////// 历史记录 $(function () { // 标题 var art_title = $("#Lbl_Hotel_Name").text(); // 得到当前路径 v ...

  7. Spring框架bean的配置(2):SpEL:引用 Bean、属性和方法。。。

    将这些架包放入在工程目录下建立的lib文件夹里,并解压 commons-logging-1.1.1 spring-aop-4.0.0.RELEASE spring-beans-4.0.0.RELEAS ...

  8. winform中利用反射实现泛型数据访问对象基类(1)

    考虑到软件使用在客户端,同时想简化代码的实现,就写了一个泛型的数据访问对象基类,并不是特别健全,按道理应该参数化的方式实现insert和update,暂未使用参数化,抽时间改进. /// <su ...

  9. laravel框架总结(一) -- 请求和响应

    一.laravel请求 1.获取请求 1>获取请求的 URI path 方法会返回请求的 URI.所以,如果接收到的请求目标是 http://domain.com/foo/bar,那么 path ...

  10. canvas动画基础

    setInterval( function(){ render( context ); update(); } , ); window.requestAnimFrame = (function() { ...