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. 在工作空间中构建和使用catkin包

    在这篇博客中将会介绍,如何在工作空间中构建和使用一个包. 首先,我们来看一下如何在catkin工作空间中,使用catkin_make工具从源文件构建和安装一个包.使用catkin_make来构建一个c ...

  2. 高效的数组去重(js)

    function uniqueArray(data){ data = data || []; var a = {}; for (var i=0; i<data.length; i++) { va ...

  3. codeforces 510E. Fox And Dinner 网络流

    题目链接 给出n个人, 以及每个人的值, 要求他们坐在一些桌子上面, 每个桌子如果有人坐, 就必须做3个人以上. 并且相邻的两个人的值加起来必须是素数.每个人的值都>=2. 由大于等于2这个条件 ...

  4. LaTeX技巧如何拆分源文件并且分别编译

    当处理很大的文档时,经常将文件分成若干个部分分别进行编译,这时我们可以使用LATEX所提供的命令 \input \include \includeonly \input{texfile} 文件名只需指 ...

  5. [C++]Store Credit——Google Code Jam Qualification Round Africa 2010

    Google Code Jam Qualification Round Africa 2010 的第一题,很简单. Problem You receive a credit C at a local ...

  6. CCNP路由实验(2) -- OSPF

    OSPF作为一种内部网关协议(IGP),用于在同一个AS中的路由器之间交换路由信息.OSPF的特性如下:1.可适应大规模网络2.收敛速度快3.无路由环路4.支持VLSM和CIDR5.支持等价路由6.支 ...

  7. U盘重装系统win7

    步骤: 1开机f12进入bios模式设置光盘的第一驱动 2U盘拷贝好的ghost镜像插入usb接口,重启默认U盘启动 3启动后进入重装系统界面,选择要重新的系统,进入pe系统,格式化c盘,后面默认自动

  8. Github实例教程-创建库、创建主页

    以README文件为实例,具体介绍github的使用过程 请先下载git,然后配置下面内容: ( 我的系统是debian,其它版本号的UNIX/Linux有区别),windows的临时不清楚. (一) ...

  9. git将本地项目添加到github远程仓库

    1.首先准备好你的github 账号密码,注册就不说了.. 2.由于本地Git仓库和GitHub仓库之间的传输是通过SSH加密的,所以要在本地生成一个私钥和一个密钥 命令: $ ssh-keygen ...

  10. FusionCharts 学习总结

    FusionCharts和Charts一样都是对数据进行统计并绘制成图标的控件,但FusionCharts带有跨浏览器的flash图表组件解决方案,功能更为强大.. 在这里我将采用Js来加载Fusio ...