ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript初心者向け共通スキル_JavaScriptスキル

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

WBOY
リリース: 2016-05-16 16:38:01
オリジナル
1407 人が閲覧しました

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

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

HTML 内
HTML

内の *.js ファイル

2. 標準フォーマット

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

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

ログイン後にコピー
は HTML の の間に配置され、通常はユーザー イベント

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

<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 プログラミングの学習に役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート