标签归档 JavaScript

通过清心醉

JavaScript基础一

前      言

最近PHP转入ZEND框架或者用面向对象编程方式来写小代码,说真的,如果不是大的项目,根本不需要框架(特别是ZEND这种重量级的),但是面向对象是PHP的一特征,总得慢慢的进入面向对象(OOP)的思维,也更容易进行后期的维护等工作。

后端会了,可前端不行,都是单纯的使用table表格来制作,说真的,DIV+CSS作者也不懂,但CSS也算是很简单的。需要使用的地方GOOGLE下就有了。还有一个就是Javascript,有人说直接学jQuery。就好比初学PHP,你不学面向过程的编程,直接跳面向对象的方式,思维能力能承受的来吗?

好了,来点Javascript的简单案例:

一个带变量的JS:

<html>
<head>
<Script Language =”JavaScript”>
var i=100;
var o=99;
alert(i+o);
</Script>
</Head>
</Html>

在JS中,var就是定义变量了,alert(i+o);就是弹出输出变量i+o的值。

alert();在我以往的PHP代码中,需要弹出对话框,都是基于该方法来实现。

/************************我是分割线*************************/

JS单击onclick事件:

<form>
<input type=”button” value=” ” onclick=alert(“这是一个例子”)>
</form>

在这里出发单击onclick时间,调用了方法alert()输出这是一个例子;

来个带JS函数的小例子

<form>
<Script Language =”JavaScript”>
function myfunction()
{
var i=5;
var o=8;
alert(i+o);
}
</Script>
<input type=”button” value=” ” onclick=myfunction()>
</form>

如果触发单击事件,调用myfunction()函数,弹出文本输出i+o的值