ホームページ >ウェブフロントエンド >htmlチュートリアル >JavaScriptの基本メモ集_html/css_WEB-ITnose
JavaScriptの基本メモ集_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:27:33811ブラウズ
記事が役に立ったら、いいねとフォローをお願いします。これが私の最大のモチベーションになります、ありがとうございます
js の紹介
js はスクリプト言語です。ブラウザはコードを 1 行ずつ読み取りますが、従来のプログラミングは実行前にコンパイルします
js が保存される場所
- html スクリプトは 3f1c4e4b6b16bbbd69b2ee476dc4f83a、2cacc6d41bbb37262a98f745aa00fbf0 内に配置する必要があります。 3f1c4e4b6b16bbbd69b2ee476dc4f83a は 93f0f5c25f18dab9d176bd4f6de5d30e、6c04bd5ca3fcae76e30b72ad730ca86d に配置できます
- CSS と同様に、JS は 9be8c280d3dc51bb61988971f6c2aa5c を通じて外部に保存できます 最新のブラウザでは必要ありませんtype="text/javascript"
- 通常のアプローチは、関数を 93f0f5c25f18dab9d176bd4f6de5d30e ページの下部に配置し、同じ位置に配置してページのコンテンツを妨げないようにすることです
- メッセージ ダイアログ ボックス
メッセージダイアログの確認(confirm)
var message=confirm("str");--------------strはメッセージダイアログに表示される内容です
confirm return value boolean内容ダイアログ ボックスを取得します
var message=prompt("str");-------------str メッセージ ダイアログ ボックスに表示される内容
入力した内容は、プロンプトによって返されますdemo
<scrpit>function xx(){var message=confirm("str");if (confirm==true){document.write("str");}</script><body><input type="button" onclick="xx()" value="xxx" /></body> データ型
動的型 js には動的型があります。つまり、同じ変数を異なる型として使用できます。
var x=2;var x ="a";
数値型
js には小数点を追加できる数値型が 1 つだけあり、大きすぎる数値や小さすぎる数値には科学表記法を使用できます
整数の最大数は 15 桁です。小数点以下の最大桁数は 17 桁です。 3. 8 進数は [0] で始まり、16 進数は [0x] で始まります。科学的表記法:
var a=123e5---12300000; var b=123e-5------0.00123
配列
- 配列を作成する
-
var a = new Array() ;a=["a","b"];var a =new Array("a","b");var a =["a","b"];配列を追加する - a.concat();
配列内の要素を使用して文字列を形成する
a.join(".")--- -- デフォルトでは、2 つの要素はカンマで区切られます。ここでは、[.] で区切られています。
並べ替えa.sort();
Boolean
var a =new Boolean(0); 値が空、または: 0、-0、null、""、false、未定義、または NaN の場合、false を返します。
オブジェクト
オブジェクトの簡単な説明
オブジェクトは{}で区切られ、{}内でオブジェクトのプロパティは(名前:値)で定義されます。属性はカンマで区切られます。 var person{firstname="a",lastname="b"}アドレッシング方法: person.firstname;person["firstname"]
オブジェクトを作成するメソッド
1. オブジェクトのインスタンスを定義して作成します。
dog=new Object();-----创建dog对象dog.name="diudiu";-----dog对象属性|| dog={name:"diudiu",}; 2. 関数を使用してオブジェクトを定義し、オブジェクト インスタンスを作成します
function(name,habit){ this.name=name; this.habit=habit;}var a=new dog("diudiu",bite); 既存のオブジェクトに属性を追加します
犬オブジェクトは既に存在しますが、gf 属性 `dog.gf="joyce" が存在しないと仮定します
変数
変数にテキストを割り当てる場合は、引用符を追加します
数値を割り当てる場合は、引用符を追加しないでください。そうしないと、変数はテキストとして処理されます
変数を再宣言すると、変数の値が失われないように。
- 一般的な変数の型
- var a =new Number/Array/String/Boolean/Object;
- String
- var txt="abc";一般的なメソッド:
txt.lenght()------获取长度txt.fontsize(12px)-----文字大小txt.link("http://")----为字符串加链接txt.strike()-------删除线txt.toLowerCase/UpperCase----大小写转换txt.indexOf("a")-----定位字母a出现位置txt.match("a")-------查找字符，找到返回该字符，否则nulltxt.replace(/b/,"xxx")-------把字符b替换成xxx ウィンドウを開く/閉じる
ウィンドウを開く
window.open("url","name","features","replace")
window.open("http://www.baidu.com","_blank","width=200,height) = 200,status=no")
wondow_open
の機能
ウィンドウを閉じる
window.close();-------------このウィンドウを閉じる9b5cf5703cc3f2ddf7636f1da3ef585116b28748ea4df4d9c2150843fecfba68
js:
var fir=document.creatElement("p");---创建p标签var lat=document.creatTextNode("新文本");fir.appendChild(lst);var element=document.getElementById("box");element.appendChild(fir); 删除 要删除元素，需要得到该元素的父元素
var child=document.getElementById("id1");child.parentNode.remove(child); 正则表达式
正则表达式简述
当你要检索某个文本时，可以使用一种模式来检索文本，RegExp就是这种模式。
定义
var part=new RegExp("after");---定义part的RegExp为【after】
检索(boolean)
part.test("aftervax")-----由于这个字符串包含【after】，返回true
检索(指定值)
part.exec("aafterrr")-------由于也包含，返回该值【after】
第二个参数
part=new RegExp("a","g")-----【g】意思是【global】，搜索所有的【a】part.exec("acdadcda")------此时会返回所有【a】，输出是:【aaanull】 改变RegExp
part.compile("before")----把【after】改成【before】
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。