Javascript概述：

Javascript是基于对象和事件的脚本语言。特点;

1、安全性（不允许直接访问本地硬盘），它可以做的就是信息的动态交互。

2、跨平台性。

JavaScript与HTML的结合方式：

想要将其他代码融入HTML，都是以标签的形式。

1、 Js代码存放在标签对<script type="text/javascript">。。。。<script>

2、 使用JavaScript标签引入Js文件。如：

<script type="text/javascript" src="xxxx"></script>

JavaScript语法：

每种语言都有自己的语法规则，Js语法与Java很像。

1、变量

通过关键字Var来定义，弱类型是不用制定具体的数据类型。

注：Js中特殊的变量值：undefined，当变量没有初始化就被使用会提示未定义。

2、判断，循环，选择，数组相关看下面的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>我的第一个javascript练习</title>

</head>

<body>

    <!-- 2种加载方式   <script type="text/javascript" src="xxxx"></script> -->

    <script type="text/javascript">

    /*定义变量  */

    var x= 3;

        x = "abc";//这里单引号双引号一样

    alert(x);

    if( "abc" == x){

    	alert("YES");

    }else{

    	alert("NO");

    }

    //SWITCH 语句

    alert("switch 语句练习  ");

    x = 3;

    switch(x)

    {

    case "adc":

    	alert("abc");

    	break;

    case 3:

    	alert(3);

    	break;

    default:

    	alert("something error!");

        break;

    }

    //写到网页上。

    document.write("<font color = 'red'>while ,do ...while,for 和C语言一样</font>");

    document.write("数组：");

    var arr = [4,1,6,8];

    for(var i = 0;i<arr.length;i++)

    	{

    	document.write(arr[i]);

    	}

    </script>

    <h1><font color="red">这是我的第一个练习</font></h1>

</body>

</html>

简单排序算法

<script type="text/javascript">

    var arry = [5,1,2,7,4];

    //排序

    for(var i = 0; i < arry.length;i++){

    	for(var j = i + 1;j < arry.length;j++){

    		if(arry[j] < arry[i]){

    			var tmp = arry[i];

    			arry[i] = arry[j];

    			arry[j] = tmp;

    		}

    	}

    }

    for(i = 0; i < arry.length;i++){

    	document.write(" "+arry[i]+" ");

    }

</script>

函数相关

<script type="text/javascript">

    //函数

    function show(){

    	alert("show run");

    }

    function show1(){

    	for(var x = 0;x < arguments.length;x++)

    		alert(arguments[x]);

    }

    show();

    show1(1,2,3,4);

    document.write("is OK!");

    //动态函数

    //var show = new Function("x","y","var sum = x + y; return sum;");

   // alert(show(2,3));

    //匿名函数

  //  var show2 = function(){

    //	/document.write("func run");

    //}

    //show2();

   // window.onload = function(){

    //	document.write("func run----");

    //}

   window.onload = show;//这里不能写成show()

</script>

对象

<script type="text/javascript">

    function Person(name,age){

    	this.name = name;

    	this.age = age;

    }

    var p = new Person("jsh",28);

    alert(p['name'] + p.age);

    function Per(){

    	document.write("per create!");

    }

    var p1 = new Per();

    p1.name = "jsh1";

    p1.age = "30";

    p1.chifan = function(){

    	document.write("chifan!");

    }

    p1.chifan();

</script>

PHP自学之路-----javascript基础入门的更多相关文章

  1. JavaScript 基础入门

    JavaScript 基础入门   JavaScript 的组成 JS 由三部分组成,它们分别是:ECMAScript.DOM.BOM. ECMAScript     因为网景开发了JavaScrip ...

  2. JavaScript基础入门10

    目录 JavaScript 基础入门10 正则表达式 为什么使用正则表达式? 正则表达式的应用场景 如何创建一个正则表达式 基础语法 具有特殊意义的转义字符 量词 字符类 贪婪模式 练习 邮箱验证 中 ...

  3. JavaScript基础入门09

    目录 JavaScript 基础入门09 Event 自定义右键菜单 获取鼠标按键 获取鼠标坐标 获取键盘按键 页面中位置的获取 浏览器的默认行为 冒泡 什么是冒泡 小练习 JavaScript 基础 ...

  4. JavaScript基础入门08

    目录 JavaScript 基础入门08 DOM 介绍 绑定事件 给一组元素绑定事件 节点 节点树 节点类型 选取文档内容 通过id选取元素 通过指定的标签名选取元素 用指定的css类来选取元素 通过 ...

  5. JavaScript基础入门07

    目录 JavaScript 基础入门07 BOM window对象 Navigator对象 Screen 对象 Location对象 History 对象 JavaScript 基础入门07 BOM ...

  6. JavaScript基础入门06

    目录 JavaScript 基础入门06 Math 对象 Math对象的静态属性 Math对象的静态方法 指定范围的随机数 返回随机字符 三角函数 Date对象 基础知识 日期对象具体API 构造函数 ...

  7. JavaScript基础入门05

    目录 JavaScript 基础入门05 严格模式 严格模式的设计目的 如何开启使用严格模式 显式报错 字符串 字符串的创建 字符串实例方法之常用API JavaScript 基础入门05 严格模式 ...

  8. JavaScript基础入门04

    目录 JavaScript 基础入门04 JavaScript 对象 介绍 关于键名 对象的引用 语句和表达式需要注意的地方 对象属性常见的操作 with语句 JSON 特点 语法规则 JSON合法示 ...

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

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

随机推荐

  1. c#Ulong用一个高位Uint和低位Uint表示

    有时候考虑到平台之间的通用性,可能把一个Ulong拆分成2个Uint来进行各平台之间的通讯,当时转换的时候有点头晕,对与或预算不是很熟悉,不过还是花了半小时弄出来了,代码: //ulong的最大值2^ ...

  2. centos 安装mysql密码修改后还是不能连接的原因

    centos 上安装mysql密码修改后还是不能连接出现错误:ERROR 1142 (42000): SELECT command denied to user ''@'localhost' for ...

  3. springmvc结合freemarker，非自定义标签

    参考:http://viralpatel.net/blogs/spring-mvc-freemarker-ftl-example/ 上图: 目录层级: 启动后的访问地址:http://localhos ...

  4. Qt监测光驱变化（使用WM_DEVICECHANGE）

    xxx.h protected: bool winEvent(MSG *msg,long * result); xxx.cpp bool CBlurayTranscoderDlg::winEvent( ...

  5. Html 小插件6 百度新闻插件

    新闻免费代码"http://news.baidu.com/newscode.html ,便可在输入希望订阅的关键词后,根据相关选项的设置,百度便非常快的在当前页面的文本编辑框内生成相关代码. ...

  6. mysql 主从实现

    主库:192.168.1.19 从库:192.168.1.20 开启db_test单库复制 常见问题 参考文档 主配置  以mysql root用户登录,用下面sql创建专门用于主从复制的mysql用 ...

  7. HDU 5737 Differencia（归并树）

    [题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=5737 [题目大意] 给出两个序列a和b,要求实现两个操作: 1. 将a序列的一个区间中的所有数改成 ...

  8. SRM 585 DIV 1 总结

    题意:给你一棵高度为H的完全二叉树的路,问最少需要多少辆车把这路走完,车子不能返回. 那么最优的方案就是从小到上一层层的走完,就很容易地可以得到一种递推,需要注意的就是dp[0]  = 1 #incl ...

  9. java.lang.NoClassDefFoundError: javax/servlet/AsyncContext

    报错:java.lang.NoClassDefFoundError: javax/servlet/AsyncContext 我认为你需要在Servlet API,而不是2.5.AsyncContext ...

  10. Cookie获取、设置值

    设置: HttpCookie cookie = new HttpCookie("cookieName"); cookie.Value = "name1" Htt ...