JavaScriptでsetAttributeを使用するときにonclickを利用するにはどうすればよいですか?

ラヒーブM

私は以下のコードを持っています

<a href="" onclick="window.open((window.pageViewer &amp;&amp; pageViewer.link || function(link){return link;})(this.href + (this.href.indexOf('?')>=0 ? '&amp;' : '?') + 'url=' + escape(document.location.href)), 'Chat000', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=640,height=480');return false;">

JavaScript / DOM要素で同じことを実装する必要があります。HTMLを直接書くことは許可されていません。だから私はを利用する必要があるかもしれませんdocument.createElement

以下のように使用できますか?

var a = document.createElement("a");
a.setAttribute('onclick',"window.open((window.pageViewer &amp;&amp; pageViewer.link || function(link){return link;})(this.href + (this.href.indexOf('?')>=0 ? '&amp;' : '?') + 'url=' + escape(document.location.href)), 'Chat000', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=640,height=480');return false;");

このコードは機能しますか?そうでない場合、それを行う方法は?

ZER0

コードは特定のブラウザで機能しますが、すべてのブラウザで機能するわけではありません。たとえば、IEの一部のバージョンでは、「属性」が「プロパティ」に適切にバインドされていません。したがって、サポートするブラウザによってはsetAttribute、クリックリスナー実際に設定されない可能性があります。だからこそ、より広い互換性を持つjavascriptによって設定されるのが最善の方法です。

var a = document.createElement("a");
a.onclick = function(event) {
    window.open(/*.. your params  **/);
    return false;
}

これは基本的に、onclick属性を設定したときに発生することです。ブラウザが属性を適切にバインドしている場合、機能の観点からはまったく同じです。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

.setattribute()で改行を追加するにはどうすればよいですか?

分類Dev

ClojureScriptのevalで関数を利用できるようにするにはどうすればよいですか?

分類Dev

デバイスをQEMUで利用できるようにするにはどうすればよいですか

分類Dev

Webpackの外観をjestで利用できるようにするにはどうすればよいですか?

分類Dev

Open Weather APIを使用するときに、変数に格納されている国コードを利用するにはどうすればよいですか?

分類Dev

jqueryでonClickを使用するにはどうすればよいですか?

分類Dev

すぐに利用できる値でQFutureを作成するにはどうすればよいですか?

分類Dev

SystemJSとAngularでTypescriptを使用できるようにするにはどうすればよいですか?

分類Dev

onclickイベントにJavaScriptでhtmlの要素を使用するにはどうすればよいですか?

分類Dev

curlで使用するときにシェルスクリプトで変数を再利用するにはどうすればよいですか?

分類Dev

条件文を使用するときにRベクトル化を利用するにはどうすればよいですか?(ループの代わりに)

分類Dev

javascript / jqueryを使用してonclick = "select_all(this)"を動的に追加するにはどうすればよいですか?

分類Dev

JavaScriptでonclickを使用してボタンを作成するにはどうすればよいですか?

分類Dev

Rで「knittoHTML」を使用するときに、「ztable」を表示するにはどうすればよいですか?

分類Dev

before / afterでscalatestを使用するときに「null」を回避するにはどうすればよいですか?

分類Dev

Androidでasynctaskを使用するときに例外を処理するにはどうすればよいですか?

分類Dev

MySQLでUNIONを使用するときに値を追加するにはどうすればよいですか?

分類Dev

--classicが無視されたときに場所をスナップで利用できるようにするにはどうすればよいですか?

分類Dev

Retrofitを使用するときにOkHttpClientを動的に構成するにはどうすればよいですか?

分類Dev

DrawerLayoutを再利用可能にするにはどうすればよいですか?

分類Dev

UITableViewControllerでUISegmentedControlを利用するにはどうすればよいですか?

分類Dev

Spring MVCでURLを利用するにはどうすればよいですか?

分類Dev

`Fragment.load`を使用するときに` oEvent`を使用するにはどうすればよいですか?

分類Dev

Livedataを使用するときにRecyclerViewのFilterSearchViewを使用するにはどうすればよいですか?

分類Dev

evalを使用するときにdf.appenを使用するにはどうすればよいですか

分類Dev

SEHを使用するときに_controlfp_sを使用するにはどうすればよいですか?

分類Dev

再利用可能なコンポーネントを使用するときにtextareaの値を変更するにはどうすればよいですか?

分類Dev

javascriptを使用してonclickを変更するにはどうすればよいですか?

分類Dev

HTTPUrlConnectionを使用するときにCookieを永続化するにはどうすればよいですか?

Related 関連記事

  1. 1

    .setattribute()で改行を追加するにはどうすればよいですか?

  2. 2

    ClojureScriptのevalで関数を利用できるようにするにはどうすればよいですか?

  3. 3

    デバイスをQEMUで利用できるようにするにはどうすればよいですか

  4. 4

    Webpackの外観をjestで利用できるようにするにはどうすればよいですか?

  5. 5

    Open Weather APIを使用するときに、変数に格納されている国コードを利用するにはどうすればよいですか?

  6. 6

    jqueryでonClickを使用するにはどうすればよいですか?

  7. 7

    すぐに利用できる値でQFutureを作成するにはどうすればよいですか?

  8. 8

    SystemJSとAngularでTypescriptを使用できるようにするにはどうすればよいですか?

  9. 9

    onclickイベントにJavaScriptでhtmlの要素を使用するにはどうすればよいですか?

  10. 10

    curlで使用するときにシェルスクリプトで変数を再利用するにはどうすればよいですか?

  11. 11

    条件文を使用するときにRベクトル化を利用するにはどうすればよいですか?(ループの代わりに)

  12. 12

    javascript / jqueryを使用してonclick = "select_all(this)"を動的に追加するにはどうすればよいですか?

  13. 13

    JavaScriptでonclickを使用してボタンを作成するにはどうすればよいですか?

  14. 14

    Rで「knittoHTML」を使用するときに、「ztable」を表示するにはどうすればよいですか?

  15. 15

    before / afterでscalatestを使用するときに「null」を回避するにはどうすればよいですか?

  16. 16

    Androidでasynctaskを使用するときに例外を処理するにはどうすればよいですか?

  17. 17

    MySQLでUNIONを使用するときに値を追加するにはどうすればよいですか?

  18. 18

    --classicが無視されたときに場所をスナップで利用できるようにするにはどうすればよいですか?

  19. 19

    Retrofitを使用するときにOkHttpClientを動的に構成するにはどうすればよいですか?

  20. 20

    DrawerLayoutを再利用可能にするにはどうすればよいですか?

  21. 21

    UITableViewControllerでUISegmentedControlを利用するにはどうすればよいですか?

  22. 22

    Spring MVCでURLを利用するにはどうすればよいですか?

  23. 23

    `Fragment.load`を使用するときに` oEvent`を使用するにはどうすればよいですか?

  24. 24

    Livedataを使用するときにRecyclerViewのFilterSearchViewを使用するにはどうすればよいですか?

  25. 25

    evalを使用するときにdf.appenを使用するにはどうすればよいですか

  26. 26

    SEHを使用するときに_controlfp_sを使用するにはどうすればよいですか?

  27. 27

    再利用可能なコンポーネントを使用するときにtextareaの値を変更するにはどうすればよいですか?

  28. 28

    javascriptを使用してonclickを変更するにはどうすればよいですか?

  29. 29

    HTTPUrlConnectionを使用するときにCookieを永続化するにはどうすればよいですか?

ホットタグ

アーカイブ