簡単な説明<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 の違いを簡単に分析します
場合によっては、SQL ステートメントが通常どおり、非常に速く実行される状況に遭遇することがあります...
ジェネリックの定義 // 要件 1: ジェネリックは指定されていないデータ型をサポートできるため、渡...
HTML でよく使用されるエスケープ文字をまとめると次のようになります。 改行...
<br />国内のウェブサイトが本格的に普及し、ユーザーエクスペリエンスに重点が置かれる...
序文JavaScript では、これは関数呼び出しコンテキストです。この動作が非常に複雑であるからこ...
コンテナの応用はますます一般的になっていますが、大量のコンテナをどのように管理すればよいのでしょうか...
目次メモを使うコールバックの使用メモを使う親コンポーネントが再レンダリングされると、そのすべての要素...
<br />質問:特定のファイルにジャンプするには、HTML でどのように記述すればよい...
原因かつて私は Vultr に WordPress を設定しましたが、よく知られている理由により、こ...
SVN は Subversion の略称で、ブランチ管理システムを使用して効率的に管理するオープンソ...
1. MYSQLインストールディレクトリ次のようにコードをコピーします。 select @@bas...
このセクションでは、Web ページ内のテキストをスクロールしたり、スクロール プロパティを制御できる...
mysqlに接続できない問題の解決方法を参考までに紹介します。具体的な内容は以下のとおりです。昨日は...
11. JavaScriptを使用してページ効果を作成する11.1 DOMプログラミングDOM プロ...
この記事では、主に、IDEA を MYSQL データベースに接続するための構成時に失敗する問題の解決...