ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptの学習方法をまとめました。

JavaScriptの学習方法をまとめました。

巴扎黑
巴扎黑オリジナル
2017-08-04 13:25:381335ブラウズ

JavaScript では、使用されるほぼすべての js がそのオブジェクトから分離できません。 js オブジェクトを詳しく見てみましょう。

js でのオブジェクトの分類は、以前に学習した言語での関数の分類と同じです。1 つはシステムに付属する事前定義されたオブジェクトで、もう 1 つはユーザーが作成したカスタム オブジェクトです。一般的な内容は以下のとおりです:


1: コアオブジェクト


1。配列オブジェクト

を作成するために使用されます。


一般的に使用される方法は次のとおりです以下に示すように:



共通属性:






次のような渡された例では、Array オブジェクトの作成と使用を示します。

<script language="javascript">
	var data=new Array("1","2","3");//创建数组data
	
	document.writeln("data的初始内容为:"+data+",");  //输出数组内容
	
	function fun(){   //自定义函数fun()显示数组长度
		if(this.length!=0){
			document.writeln("<PRE>此数组的长度为:"+this.length+"
"); }else{ document.writeln("
此数组的长度为0
"); } } Array.prototype.fun=fun; //为Array对象添加fun()方法 data.fun(); //调用fun()方法 data=new Array();//清空data数组内容 data.fun();//显示清空后数组的长度


実行結果:




手順:

プロトタイプは、新しいプロパティとメソッドを追加するために使用されます。 : Array.prototype.functionName=functionName




Functionオブジェクトはプログラム実行中に動的にできます関数を生成して呼び出します機能。

一般的に使用される属性は次のとおりです:



一般的なメソッドは次のとおりです。


以下の例:


<script language="javascript">
    funSum=new Function("x","y","z=x+y;return z");   //创建函数funSum() 

	x=prompt("请输X值:","");
	y=prompt("请输Y值:","");
	
	x=Number(x);
	y=Number(y);
	alert(newfun(x,y));  //调用函数并输出
</script>

注: 関数オブジェクトをより小さな関数として記述することはできません。 Function は関数を動的に作成するために使用されるオブジェクトです。function はキーワードであり、function new によって取得される関数も Function オブジェクトのインスタンスです。


3、String オブジェクト


String オブジェクトは、文字列を処理するためのプロパティとメソッドを提供します。使用する場合は、直接割り当てることも、新規で作成して割り当てることもできます

String对象有很多方法,主要是用户有关字符串在Web页面中的显示格式,字体大小,字体颜色,字符的搜索以及字符的大小写转换方面的功能。





    通过以上对象的prototype属性,我们也看到了JavaScript的特点,它不仅提供给我们一些功能,还提供给用户自己添加功能的方法,简直是太好了。



二:文档对象

document对象,接触JavaScript的第一个例子是通过ID名称获取控件的名称,里面就用到document,当时没有多想,就当是关键字过了。

document对象是window对象的属性,也是唯一的即属于BOM又属于DOM的对象。


说到window对象,我们首先来看一下window中各对象间的关系。如下图:




了解了大体结构关系,接下看看看document对象的常用属性:




有关document对象的方法,这里说说使用最频繁的.write()/.writeln()方法。这两个方法的作用都是打印字符,不同的是writeln打印完后多了个换行。  

下面写一个用document对象的write方法动态添加JavaScript文件的实例

<script language="javascript">

    document.write("<script type=\"text/javascript\" src=\"textuser.js\">"+"</scr"+"ipt>");

</script>


这里主要想说明2cacc6d41bbb37262a98f745aa00fbf0为什么是分开的。

我们可以先看一下分开写的网页源码:





看不出什么不同,接下来我们看一下不分开时网页源码:



 

    结果很明显,如果不分开写2cacc6d41bbb37262a98f745aa00fbf0 会和前面的3f1c4e4b6b16bbbd69b2ee476dc4f83a配对,这样,浏览器会提示我们有误。


三:事件对象

event对象是一种只与事件处理过程有关的对象。

JavaScript中的事件跟vb中学过的事件一致,有鼠标事件,键盘事件,加载事件,等。。

事件的发生肯定有其出发者,触发发生后,这一事件也就随即结束。

事件在JavaScript中使用很简单,就是在关键字前加On。

以上がJavaScriptの学習方法をまとめました。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。