簡単な説明<br />IE6および7では、一般的なaタグ(HTMLで記述され、DOM操作によってページに挿入されるaタグ)において、hrefの値が相対パスである場合、元のhrefの値はa.getAttribute("href")を介して直接取得されず、a.getAttribute("href",2)を介して取得されます。ただし、このaタグがinnerHTMLを介して挿入されている場合、a.getAttribute("href",2)を介しても元のhrefの値を取得できません。 innerHTML='<a href="/haha">test</a>' とすると、IE6,7 ではそれに対する互換処理が行われ、何らかの追加が行われると予測されます。このとき、outerHTML を通して見ると、a の href がすでに完全なアドレスになっています -_-! img の src でも同様の状況が発生すると言われています。 コードをコピー コードは次のとおりです。<!doctypehtml> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <title>テスト</title> </head> <本文> <a id="a" href="" onclick=".getAttribute(\"href\",2)">テスト</a> </本文> </html> IE6 または 7 でクリックすると、大きな「/haha」がポップアップ表示されます。 ! !何か他のことが起こっているのではないかと疑い始めました。このとき、a タグがどのようにして (文字列ベースの js テンプレート、innerHTML) 取得されるのかを考えました...そこで、次のコードでシミュレートしました。 コードをコピー コードは次のとおりです。<!doctypehtml> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <title>テスト</title> </head> <本文> <div id="test"></div> <スクリプト> document.getElementById("test").innerHTML = '<a id="a" href="/haha" onclick="alert(this.getAttribute(\'href\',2));return false;">テスト</a>'; </スクリプト> </本文> </html> 再度テストしました...妹の...問題が再発しました!実際のテストでは、を生成した後、再度 a に対して setAttribute("href","/haha",2) を実行し、次に getAttribute("href",2) を実行すると、"/haha" が返されます。でも、こういうことをテンプレートでやるのは、あまりにも気持ち悪いので、きっぱり諦めましょう!フランクのアドバイスに耳を傾けた方が良いでしょう... 2 つのリンク要素を識別する属性を追加するだけで、行き詰まらないようにしましょう。 もう一度ドリル-_-!: コードをコピー コードは次のとおりです。<!doctypehtml> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <title>テスト</title> </head> <本文> <div id="test"></div> <スクリプト> var テスト = document.getElementById("テスト"); var a = document.createElement("a"); var txt = document.createTextNode("テスト"); a.href="/はは"; a.onclick=関数() { alert(this.getAttribute('href',2));//"/はは" false を返します。 }; txt を追加します。 テストします。 </スクリプト> </本文> </html> 最後に、innerHTML を通じてノードを挿入する場合、IE6 と 7 は正しいと判断する「エラー許容」処理を実行するのではないかと思います...そして、私は間違っていました... |
<<: IDEA が Docker を統合してリモート展開を実現するための手順
>>: MySQL の undo、redo、binlog の違いを簡単に分析します
目次1. セットアップ1. セットアップ関数の最初のパラメータ - props 2. 文脈2. セッ...
背景:場合によっては、json データをページに直接表示する必要があります (たとえば、インターフェ...
ファイルとは何ですか?すべてのファイルは実際には文字列のストリームですが、適切な解析方法を使用すると...
まずは、以前書いた CSS カルーセルアニメーション効果を見てみましょう。アニメーションの遷移をスム...
binlog は、MySQL のすべての DML 操作を記録するバイナリ ログ ファイルです。 bi...
CentOS 8 が利用可能になりました! CentOS 8 と RedHat Enterprise...
目次チュートリアルシリーズ1. ユーザー管理1. ユーザーアカウント2. アカウントの追加と削除3....
IPSec の概要IPSec (インターネット プロトコル セキュリティ): ネットワーク層と適用さ...
この記事の例では、jQueryのカスタム虫眼鏡効果の具体的なコードを参考までに共有しています。具体的...
1. Dockerがイメージをプルするdocker pull mysql (デフォルトで最新バージョ...
理由: MySQL 5.7.5 以降では機能依存関係の検出が実装されています。 only_full_...
MGR (MySQL グループ レプリケーション) は、バージョン 5.7 で追加された新しい機能...
私はかなり昔に CSS に触れましたが、フローティングについてはいつも混乱していました。私の理解が浅...
今日は、Taobao、JD.comなどのショッピングモールでよく使われている、小さな画像の上にマウス...
序文Linux では、スワップ パーティションとスワップ ファイルの 2 種類のスワップ領域を作成で...