プログラミング dom

11

.jsファイルを同期的に呼び出して、すぐに使用することはできますか？ <script type="text/javascript"> var head = document.getElementsByTagName('head').item(0); var script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', 'http://mysite/my.js'); head.appendChild(script); myFunction(); // Fails because it hasn't loaded from my.js yet. window.onload = function() { // Works most of the time but not all of the time. // Especially if my.js injects another script that …

81 javascript dom synchronous

4

jQueryで選択したオプションIDを取得する

jQueryを使用して、選択したオプションに基づいてajaxリクエストを作成しようとしています。 jQueryを使用して選択したオプションID（「id2」など）を取得する簡単な方法はありますか？ <select id="my_select"> <option value="o1" id="id1">Option1</option> <option value="o2" id="id2">Option2</option> </select> $("#my_select").change(function() { //do something with the id of the selected option });

80 jquery dom jquery-selectors

11

プログラムで作成された<iframe>のドキュメントオブジェクトにアクセスしようとしたときに「アクセスが拒否されました」JavaScriptエラー（IEのみ）

JavaScriptを使用して<iframe>要素を作成し、それをDOMに追加する必要があるプロジェクトがあります。その後、<iframe>にコンテンツを挿入する必要があります。これは、サードパーティのWebサイトに埋め込まれるウィジェットです。ページをロードしたくないので、<iframe>の「src」属性を設定しません。むしろ、CSSに遭遇したり、JavaScriptが親ページと競合したりしないように、挿入したコンテンツを分離/サンドボックス化するために使用されます。JSONPを使用してサーバーからHTMLコンテンツをロードし、この<iframe>に挿入しています。私はこれを正常に機能させていますが、1つの重大な例外があります-document.domainプロパティが親ページ（このウィジェットがデプロイされている特定の環境にある可能性があります）、Internet Explorer（おそらくすべてのバージョンですが、私は6、7、および8）で確認したところ、作成したこの<iframe>のドキュメントオブジェクトにアクセスしようとすると、「アクセスが拒否されました」というエラーが表示されます。私がテストした他のブラウザ（すべての主要な最新のブラウザ）では発生しません。 Internet Explorerでは、相互に通信するすべてのウィンドウ/フレームのdocument.domainを同じ値に設定する必要があることを認識しているため、これはある程度意味があります。ただし、アクセスできないドキュメントにこの値を設定する方法を知りません。誰かがこれを行う方法を知っていますか？どういうわけか、この動的に作成された<iframe>のdocument.domainプロパティを設定しますか？それとも私はそれを正しい角度から見ていません-この問題にぶつかることなく私が目指していることを達成する別の方法はありますか？分離/サンドボックス化されたウィンドウはこのウィジェットの機能にとって重要であるため、どのような場合でも<iframe>を使用する必要があります。これが私のテストコードです： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Document.domain Test</title> <script type="text/javascript"> document.domain = 'onespot.com'; // set the page's document.domain </script> </head> <body> <p>This is a paragraph above the &lt;iframe&gt;.</p> <div id="placeholder"></div> <p>This …

80 javascript internet-explorer dom iframe document

2

iframe予約フォームで要素を選択する際の問題

このiframe予約フォームでメールフィールドを選択しようとしています。最終的にはフィールドで別のことをしたいのですが、今のところテストとして、要素を選択してプレースホルダーを変更したいだけです。このエラーが発生したため、正しく選択していません：Uncaught TypeError：HTMLButtonElement.changeCopyでnullのプロパティ 'placeholder'を設定できませんここで私のコードのライブバージョンを表示し、上部のボタンをクリックするとコンソールにエラーが表示されます。https：//finnpegler.github.io/cart_recover/ 以下のスニペットとしてコードも含めましたが、クロスオリジンフレームで行うと別のエラーがスローされます。 var iframe = document.getElementById("booking-widget-iframe"); var field = iframe.contentWindow.document.querySelector("booking[email]"); function changeCopy() { field.placeholder = "hello"; } document.getElementById("button").addEventListener("click", changeCopy) <!DOCTYPE html> <html lang="en"> <head> <title>Test site for Cart Recover Tool</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" media="screen" href="stylesheet.css" /> <link href="https://fonts.googleapis.com/css?family=Bree+Serif|Open+Sans&display=swap" rel="stylesheet"> <link rel="icon" href="favicon.ico"> <meta name="viewport" …

8 javascript dom iframe

3

反応コンポーネント内のDOM要素をターゲットに設定するにはどうすればよいですか？または、DOM要素をすべて一緒にターゲットにしないようにする必要がありますか？

親コンテナー上でマウスオーバーするとアクティブになるスクリプトを作成し、その子要素をマウスから離す必要があります。私は現在それを機能させていますが、コードのいくつかの部分は、REACTコードがどのように見えるべきかと矛盾しているようです。特に2つの部分。レンダー関数でカウンターを使用して、各スパンが正しいカスタムプロパティを取得できるようにしています。state.customPropertiesこれは、親要素のマウスオーバー時にカスタムプロパティを更新する配列です。 render() { let counter = 0; const returnCustomProp = function(that) { counter++; let x = 0; if (that.state.customProperties[counter - 1]) { x = that.state.customProperties[counter - 1].x; } let y = 0; if (that.state.customProperties[counter - 1]) { y = that.state.customProperties[counter - 1].y; } return "customProperty(" + x + " …

8 reactjs dom

タグ付けされた質問 「dom」

タグ付けされた質問「dom」