ホームページ > 記事 > ウェブフロントエンド > JavaScript初心者向け共通スキル_JavaScriptスキル

JavaScript初心者向け共通スキル_JavaScriptスキル

WBOYオリジナル: 2016-05-16 16:38:011343ブラウズ

この記事の例では、JavaScript 初心者が使用する一般的なテクニックをいくつか説明します。皆さんの参考に共有してください。詳細は以下の通りです。

1. Javascript プログラムの保存場所

HTML 内6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956
HTML93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1

内の *.js ファイル

2. 標準フォーマット

HTML の 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 内に配置すると、ブラウザが Body 部分を読み込むと、JavaScript の実行が開始されます。

<html>
<head></head>
<body>
<script type="text/javascript">
。。。。。。
</script>
</body>
</html>

は HTML の 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 の間に配置され、通常はユーザーイベント

をトリガーするために使用されます。

<html>
<head>
<script type="text/javascript">
。。。。。。
</script>
</head>
<body></body>
</html>

一部の共有 JS メソッドや、コードの重複を回避するその他の方法では、JS を *.js ファイルに入れて HTML に導入できます

<html>
<head>
<script src="filepath/*.js"/></script>
</head>
<body>
</body>
</html>

3. 共通イベントテキストボックスのフォーカスイベント

onblur: フォーカス喪失イベント

onfocus: フォーカスイベントを取得

onchange: テキストボックスのテキスト変更イベント

onselect: テキストボックスのテキストイベントを選択

<input type="text" value="test text!" onfocus="if(value=='test text!') {value=''}" onblur="if(value=='') {value='test text!'}" />
<!-- 初始值为test text! 获得焦点后判断用户无输入将文本框设空 失去焦点时判断为空时设置默认值 -->

この記事が皆さんの JavaScript プログラミングの学習に役立つことを願っています。

声明：

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

前の記事：JavaScript_javascript スキルでよく使用される 9 つの並べ替えアルゴリズム次の記事：JavaScript_javascript スキルでよく使用される 9 つの並べ替えアルゴリズム

続きを見る

JavaScript初心者向け共通スキル_JavaScriptスキル

関連記事