简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTML 学習の概要 10_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:46:45
オリジナル
1080 人が閲覧しました

1、加入JavaScript和外部内容

　　(1)画布介绍

　　　　画布元素是一个自由格式的区域，在这里你可以通过用图像、手工制图、动画和文本来提升网页的用户提样。

　　　　可以用适当的标记符在网页上加上一个画布元素。像其他HTML标记符一样，标记符也有属性，最基本的属性是网页中画布的高和宽。创建一个　　　　　　　200x200画布可以使用以下代码：

　　　　

　　　　标记符什么也没做，他实际上是一个空白区域，我们可以利用现在浏览器能明白的编程语言JavaScript来赋予画布新的生命。

2、JavaScript

　　JavaScript不是Java、它基本上和Java编程语言没有什么关系。

　　使用程式库或框架技术可以让JavaScript在所有流行的浏览器中以同样的方式工作，其中一种流行的框架技术称为jQuery

3、在网页中加入JavaScript，需要加入<script>标记符。具体来说，开始标记符应该是这样的：</p> <p>　　<script type="text/ javascript"></p> <p>　　结束标记符应该像下面这样：</script>

　　在开始标记符和结束标记符中间正是你要插入JavaScript代码的地方。<script>标记符通常包含src属性，该属性说明，网页插入了外部的JavaScript文件。例如：有一个　　　　　JavaScript文件，它的文件名是“myjavascript.js",则应该以这样的的方式加入该文件。</p> <p>　　<script type="text/javascript" src="myjavascript.js"></script>

4、用户的浏览器可能禁用JavaScript

　　有些用户浏览器禁用JavaScript或者一些用户没有安装最新版本的浏览器Web浏览器，很多原因使用户不愿意启用JavaScript，为了网站在没有JavaScript的情况下依然可以工　　　作，你要确保JavaScript以适当的方式发出错误信息。

　　检验JavaScript是否被启用的方法是使用

5、JavaScript事件和jQuery

　　jQuery是一个开源的JavaScript文件，它不仅省略了开发人员索要处理的跨浏览器兼容性的问题，而且简化了JavaScript初学者所所不具备的高级编程技术，jQuery的　　　　　　JavaScript框架，对于JavaScript事件和所有常见的JavaScript来说，都是非常理想的编程工具。

6、获取jQuery工具

　　可以从http://jquery.com下载jQury。jQuery只有一个文件，将它放在网站的文档的根目录处或主文件夹下（或具体环境中放置JavaScript文件的地方）

7、jQuery中有一个函数叫.ready()。它只会在浏览器完全装载网页并且已经为JavaScript准备好了后才会执行。jQuery代码以$符号开头和括号开始。

　　例如：

　　　

　　　　　

　　　　　　

　　　　　　　　 Document Ready

　　　　　　　　

　　　　　　

　　　　　　

　　　　　　

　　　　　  

　　　　  

8、

　　(1)用jQuery来选择元素，例如：

、、

等。

　　HTML代码带有一个

元素，它的id属性，设置为contentDiv：

　　

Your first JavaScript Page.

　　如果使用jQuery，以下的语法会使选择元素变得简单：

　　

Your first JavaScript page.

$("#contentDiv")

さらに、次の構文を使用してすべての

要素を選択できます:

$(".classname")

(2) jQuery は他にもいくつかのメソッドを提供します。階層化機能を含む要素を選択するには、階層化を通じて要素の子要素を選択するか、指定した要素を除く他のすべての要素を選択するか、要素の上位要素を選択します

または他の多くのセレクターを使用します。

追加の例を参照してください。

v="Content-type" content="text/html ; charset=urf-8"> ;

iQuery 101

/div>

クリック関数に注意してください
に直接アタッチされており、id 変数は contentDiv と等しくなります。 .click() 関数では、.fadeOut() という別の関数 (中括弧で囲まれた匿名関数) を呼び出します。ここには、$(this) タグという新しい部分があることに注意してください。 $(this) タグはイベントを生成した要素を参照するため、この例では contentDiv 要素を指定しています。これは次のように記述することもできます:

$("contentDiv").click(function(){$( "contentDiv ").fadeout(5000);})

10. jQuery と JavaScript を使用してフォームを検証します

関連ラベル：
HTML 学习总结 10
ソース：php.cn
前の記事：CSSタグセレクター(2)_html/css_WEB-ITnose 次の記事：css3の変形機能（要素も同様）と要素は、独自の属性を変更することでアニメーション効果を実現します_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1788
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
1929
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1647
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1549
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1582
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！