PHP自学之路-----javascript基础入门
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基础入门的更多相关文章
- JavaScript 基础入门
JavaScript 基础入门 JavaScript 的组成 JS 由三部分组成,它们分别是:ECMAScript.DOM.BOM. ECMAScript 因为网景开发了JavaScrip ...
- JavaScript基础入门10
目录 JavaScript 基础入门10 正则表达式 为什么使用正则表达式? 正则表达式的应用场景 如何创建一个正则表达式 基础语法 具有特殊意义的转义字符 量词 字符类 贪婪模式 练习 邮箱验证 中 ...
- JavaScript基础入门09
目录 JavaScript 基础入门09 Event 自定义右键菜单 获取鼠标按键 获取鼠标坐标 获取键盘按键 页面中位置的获取 浏览器的默认行为 冒泡 什么是冒泡 小练习 JavaScript 基础 ...
- JavaScript基础入门08
目录 JavaScript 基础入门08 DOM 介绍 绑定事件 给一组元素绑定事件 节点 节点树 节点类型 选取文档内容 通过id选取元素 通过指定的标签名选取元素 用指定的css类来选取元素 通过 ...
- JavaScript基础入门07
目录 JavaScript 基础入门07 BOM window对象 Navigator对象 Screen 对象 Location对象 History 对象 JavaScript 基础入门07 BOM ...
- JavaScript基础入门06
目录 JavaScript 基础入门06 Math 对象 Math对象的静态属性 Math对象的静态方法 指定范围的随机数 返回随机字符 三角函数 Date对象 基础知识 日期对象具体API 构造函数 ...
- JavaScript基础入门05
目录 JavaScript 基础入门05 严格模式 严格模式的设计目的 如何开启使用严格模式 显式报错 字符串 字符串的创建 字符串实例方法之常用API JavaScript 基础入门05 严格模式 ...
- JavaScript基础入门04
目录 JavaScript 基础入门04 JavaScript 对象 介绍 关于键名 对象的引用 语句和表达式需要注意的地方 对象属性常见的操作 with语句 JSON 特点 语法规则 JSON合法示 ...
- javascript基础入门之js中的结构分支与循环语句
javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...
随机推荐
- 浅谈Spring(二)
一.AOP编程(面向切面编程) AOP的本质是代理. 1.静态代理设计模式 概念:通过代理类为原始类增加额外功能. 代理类 = 原始类 + 额外功能 +实现原始类的相同接口. 优点:避免原始类因为额外 ...
- C++ HttpServlet 高并发多线程 HTTP 服务器(转)
from:http://www.oschina.net/code/snippet_568966_43193 C/C++ 程序虽然执行效率高,但程序员在开发 WEB 应用时却因为没有好的 WEB 开 ...
- SDOI2008 Sandy的卡片( 后缀数组 )
求出后缀数组, 然后二分答案, 对height数组分组检验答案. 时间复杂度O(|S| log|S|) ------------------------------------------------ ...
- windows下nginx+tomcat分布式集群部署
首先官网下载 http://nginx.org/en/download.html,我的本地环境为 实现的架构: 从图上可以看出,nginx作为负载均衡请求分发器,当请求A应用时候,分发到A集群,同理 ...
- FTL(Flash translation layer)闪存转换层
前面说过,闪存的读写单位为页,而页的大小一般为4KB或8KB,但我们的操作系统读写数据是按HDD的扇区尺寸进行的(512Byte(字节)),更麻烦的是闪存擦除以块作单位,而且未擦除就无法写入,这导致操 ...
- rsyslog 传输日志
nginx 服务器: front-end:/usr/local/nginx/logs# cat /etc/rsyslog.conf | grep -v "^$" | grep -v ...
- java类的封装、继承、多态
一.封装(encapsulation) 封装性就是把类(对象)的属性和行为结合成一个独立的相同单位,并尽可能隐蔽类(对象)的内部细节,对外形成一个边界,只保留有限的对外接口使之与外部发生联系.封装的特 ...
- python 命令行参数,以及文件操作
#demo.py #!/usr/bin/python import sys print sys.argv #python demo.py 11 22 33 44 55 ['demo.py', '11' ...
- linux之iptable案例
转自:http://blog.csdn.net/bill_lee_sh_cn/article/details/4401896 1.一对一流量完全DNAT 首先说一下网络环境,普通主机一台做防火墙用,网 ...
- 虎扯:小众玩物 webkit家的滚动条
前面的话:对只有一种浏览器支持的属性,就不要出来秀咱前端同学,就像是早些年手机们的充电口一样,集各家所长,咱今天说的是webkit的滚动条样式,视乎只有webkit支持此项定义,有见识的前辈来辩.这玩 ...