JavaScript読書ノート
11216 ワード
1、
<script language="JavaScript" tpye="text/javascript">
<!--
var farbe;
function hintergrund(farbe) {
document.bgColor=farbe;
}
//-->
</script>
注意:(1)パラメータ「farbe」の声明は関数の外にあるか、パラメータを宣言しなくてもいいですが、パラメータリストにパラメータタイプを指定できません.つまりvarタイプを使ってもだめです.以下のようにだめです.
function hintergrund(var farbe) {
document.bgColor=farbe;
}
(2)関数に戻り値がある場合は、直接「return XXX」を使えばいいです.戻り値の種類を宣言しなくてもいいです.この2つの点と非スクリプト言語は違います.
関数の体外で声明するのも相当します.
2、ダミー接続
<a href="javascript: alert('hello I am a pseudo-URL script');">Click
to invoke</a>
または<a href=「javascript:x=5;y=7;alert('The sum='(x+y)」>Clik to invoke
または
<a href="/errors/noscript.html"onclick=" alert('hello I am a pseudo-URL
script');return false;">Click to invoke</a>
3、大きい、小さい、大きい、等しい、小さいは演算子に等しい、特殊な
<<<<<グレート・than>
=(less than or equal to)、and>>
=(greater than or equal to)
4、for…inはforeachではありません.
One interesting variation of the
for loop is the
for/in construct.This construct allows us to loop through the various properties of an object.For example,we could loop through and print the properties of a browser's window object using a
for/in statement like this:
var aProperty
for (aProperty in window)
{
document.write(aProperty)
document.write("<<br />>");
}
5、正規表現
var country = new RegExp("England");
var geographicLocation = "New England";
document.write("Destination for work: "+geographicLocation+"<<br />>");
geographicLocation = geographicLocation.replace(country, "Zealand");
document.write("Destination for vacation: "+geographicLocation);
6、強いタイプの定義方法
JavaScript自体は弱いタイプの言語で、特別な声明をしないと変数の種類は内容によって変えられますが、変数は強い型の変数として宣言できます.
var favNumber : number;
Given this example、an assignment likefavNumber = 3;
would be perfectly valid.But if you assigned some non-numeric type to the variable likefavNumber = "San Diego";
7、基本データタイプ
number、string、Boolean、undefined、and null
Boolean:trueとfalse
null
undefinedと
の違い
The
null value indicates an empty value;it is esentially a plocholder that represents“nothing.”The distinction between
undefined and
null values is tricky.In shot、
undefined means the value hasn't been set,wheres
null means the value has been set to be empty
var x; //x undefined
var y=null;//yはundefined
タイプ、しかもnullです
の
8、
isNaN
関数
The follwing example illustrates the use of both techniques:
var x = 0 / 0; // assign NaN to x
if (x != x) // check via self-equality
{
// do something
}
if (isNaN(x)) // check via explicit call
{
// do something
}
最大値または最小値を超えると、NaN(不確定値)になります.9、全部stringで、charタイプはありませんが、文字を抽出する操作ができます.
var myName = "Thomas";
var thirdLetter = myName.charAt(2);
this code fragment extracs the third character from the string(o)and assigns it to the variable
thirdLetter
――
3番目の文字を抽出して、文字列のstring(o)を形成します.
を付与します.
変数
var streen=myName.length()
上のコード設定
streen==6とC言語の串が違います.
10、JavaScriptの中の変換文字はC言語と同じで、「\+特殊文字」です.
改行は「」で表します.
11、言語提供の組合せタイプ
Objecs、arrays、functions
Examples of such object are
Date、
Math,and
RegExp.Finally,each data type in JavaScript has a corese ponding Object.So there are
String、
Number、
ボロア、
Aray、and even
(1)グループ化オブジェクトの作成
var myString = new String();
(2)JavaScriptでは、オブジェクトの属性を動的に増やすことができます!!!!!!!var myLocation = new Object();
myLocation.city = "San Francisco";
myLocation.state = "California";
(3)配列myArray[5] = "Hamburgers are nice, sushi is better.";
var x = myArray[5];
var myAray=[2,4,6,8,ten]var myAray=[]
var myArray = new Array();
12、基本タイプと基本タイプのパッケージタイプの関係表
Type
Resoult
Udefined
undefined
Null
object
ボロア
bollan
Number
number
String
ストリングス
Object
object
Function
機能
13、命名の原則
JavaScriptはスクリプトのダウンロードに時間がかかりますので、ネーミング仕様に合うように名前をできるだけ短くすることをお勧めします.
14、関数で変数を作成する(Funtions as Object)
構文:
var functionName = new Function("argument 1",..."argument n",
"statements for function body");
(1)パラメータなしのvar sayHello = new Function("alert('Hello there');");
Later on we can then use the assigned variablesayHello just like a reglar function call:
sayHello();
(2)パラメータ付き
var sayHello2 = new Function("msg","alert('Hello there '+msg);");
and call it:sayHello2('Thomas');
(3)複雑なアプリケーションfunction SimpleRobot(robotName)
{
this.name = robotName;
this.sayHi = function () { alert('Hi my name is '+this.name); };
this.sayBye = function () { alert('Bye!'); };
this.sayAnything = function (msg) { alert(this.name+' says '+msg); };
}
It is now simple to create an object using thenew operator in conjunction with our
Simple Robot construct function、as shown here:
var fred = new SimpleRobot("Fred");
Invoking the various functions、or、more corectly、methods、is simply a mater of invoking their names、simiar to plin function cals:fred.sayHi();
fred.sayAnything("I don't know what to say");
fred.sayBye();
15、JavaScripptsのObject
Type
Example
Implementation Provided By
Governing Standard
User-defined
Programer-defined Customar Circure
プログラマー
ノン?ネ
Buit-in
Aray,Math
The browser via its JavaScript engine
ECMA-226
Browser
Window,Navigator
The browser
None(though some portions adhere to an ad hoc standard)
Dcument
Image,HTMLInputElement
The browser via its DOM engine
W 3 C DOM
16、ドキュメントのすべての要素の属性を印刷します.
for(var prop in document)
document.write('+prop+')='+document[prop]+''
17、印刷ウィンドウ(window)のすべての要素属性
var aProperty
for(aProperty in window)
{
Dcument.write(aProperty)
document.write(<
)
18、Navigatorのすべての元素の属性を印刷します.
var aProperty;
document.write("<h1>Navigator Object Properties</h1>");
for (aProperty in navigator)
{
document.write(aProperty);
document.write("<br />");
}
19、カスタムオブジェクト内のすべての要素属性を印刷します.
var myString = new String("Niels is a poor foosball player");
myString.aboutFoosball = true;
for (var prop in myString)
document.write('myString["' + prop + '"] = ' + myString[prop] + '<br />');
20、JavaScriptではwithが使えます.
with (document.myForm)
{
if (username.value == "")
alert("Must fill in username");
if (password.value == "")
alert("Password cannot be blank. ");
}
21、JavaScriptにおける基本型変数の値は、オブジェクトの種類によって参照されます.
まだ…
=========================================================================
JavaScript.2.0教程:McGraw.Hirl.Osborne.JavaScript.2.0.The.Complottee.Reference.Second.Editions.eBook-LeB.cm