背景を暗くし、複数のブラウザでサポートされるドラッグ可能なプロンプト ウィンドウ関数を備えた div のコード_JavaScript スキル

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>暗くなった div のドラッグ可能なプロンプト ウィンドウ</title> <input type="button" value="点这里" onclick="alertWin('标题','这里是内容',300,200);">
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

IE7 .0、Firefox2. 0. Opera9.0 はテストに合格しました
皆さんアドバイスや批判を歓迎します

私は少し前から Js を勉強しています。いくつか見つかりました:
http://blog.csdn.net/zqian1987/archive/2008/03/02/2140055.aspx
http://www.cnblogs.com/jacklong/archive/2008 /01/10/1033954.html

以下は、主に IE と FireFox との互換性の点で、この期間中に私が経験したことの一部です。Opera 9.0 より前のバージョンでは、多くのことがサポートされていないようです。 Opera 9.0 以降のバージョンは Javascript の解釈と互換性がありません。
私が紹介したのは、いくつかの珍しい状況に焦点を当てたものであり、思いついたときに新しいものを追加していきます。
1. 一般的な記述方法は createElement("div") IE でも createElement("

") を記述することもできますが、Firefox では認識されません。
2. IE の幅と高さの概念は異なります。 IE Medium width=width 2*borderWidth 2*FireFox の場合
参照: http://help.powereasy.net/Template/WEB/1557.html
3. CSS コードを動的に追加します。 >cssStr = " p { color:#FF0000;} a { font-size:9pt;}";
var style = win.document.createStyleSheet();
style.cssText = cssStr;FireFox: コンテンツをコピーしますクリップボードコードへ:
cssStr = "p { color:#FF0000;} a { font-size:9pt;}";
var style = win.document.createElement("style"); .type = "text/css";
style.innerHTML = cssStr;
win.document.getElementsByTagName("HEAD").item(0).appendChild(style);末尾の表、一般的な書き方 insertRow(-1), insertCell(-1)
IE では insertRow(), insertCell() と書くこともできますが、Firefox では認識されません
5. 警告ダイアログボックスalert()、IEで記述するとそのようなことはありません。デフォルトのパラメータは空の文字列です。空のパラメータを渡すには、alert(""と記述する必要があります)。 );
6. element.style.width に割り当てる値は 24px として記述する必要があります。数値 24 だけを記述すると FireFox は認識しませんが、IE
で見つけることができます。それを onclick、onmouseover、onmousedown、onmouseout などのイベントにバインドします。
element.onclick = function() {alert("hello kitty" ) };
を追加するときは、appendChild を使用することに注意してください。この要素を親要素に追加します。親要素では innerHTML 操作を使用しないでください。イベント
が無効になります。

声明：

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