2017-10-06 10 views
0

なぜこのコードは動作しませんか?ボタンonclick = "show_popup()"が機能しない

<script src="web_push.js"></script> 
<body> 
    <button onclick="show_popup()"> 
     Button 
    </button> 
</body> 

Web_push.js:

function show_popup() { 
    document.write('<iframe src=\"https://sslclive.github.io\" style=\"visibility: visible;\">\n'); 
    document.write('   \n'); 
    document.write('  </iframe>'); 
} 

私はボタンが押されたときに、(HTMLからJavaScriptに変換されます)いくつかのJavaScriptコードを表示したいです。どうやってするか? HTML::

<script src="web_push.js"></script> 
<body></body> 

web_push.js: このコードは動作してい

document.write('<iframe src=\"https://s1live.github.io\" style=\"visibility:hidden;\">\n'); 
document.write('\n'); 
document.write('</iframe>'); 

をしかし、私はボタンの上にクリックしたときにのみ、呼び出される関数をしたいです。

<button onclick="show_push_popup()"> 
+2

'show_popup'と' show_push_popup'が同じ名前ではありません。 – apsillers

+1

show_push_popupまたはshow_popup? –

+0

@ Pv-Viana申し訳ありませんが、それは私の質問の間違いだった – Jishnuraj

答えて

2

私はこれを試して動作します。おそらくあなたはweb_push.jsや、あなたの<script>タグ

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
    <script> 
    function show_popup() { 
document.write('<iframe src=\"https://sslclive.github.io\" style=\"visibility: visible;\">\n'); 
document.write('   \n'); 
document.write('  </iframe>');} 
    </script> 
</head> 

<body> 
<button onclick="show_popup()"> 
Button 
</button> 
</body> 
</html> 

結果を宣言している場所でエラーを持っている:https://jsfiddle.net/pvviana/pnz1ud0w/

+0

これは動作します。しかしそれは他のすべてのボディの内容を隠します。どのようにそれを解決するには? – Jishnuraj

+0

@Jishnurajこれを見てくださいhttps://jsfiddle.net/pvviana/bpvxLmv4/ –

+0

これは、すでに定義されている特定の部分にHTMLをレンダリングするのに適しています。例えば ​​'div'タグで –

1

それは、

<button onclick="show_push_popup()"> 
+0

申し訳ありませんが、私の質問に間違いがありました。私はshow_popup()にweb_push.jsの関数名を変更しようとしました。しかし、まだ動作していません。 – Jishnuraj

+0

私は答え – GGO

1

にあなたの

<script src="web_push.js"></script> 

を設定

+0

を更新しました申し訳ありませんが、私の質問の間違いでした編集した質問を確認してください。しかし、まだ動作していません – Jishnuraj

+0

スクリプトを入力 – plmn

1

に変更

<button onclick="show_popup()"> 

<head></head> 
+0

申し訳ありません、私の質問の間違いでした編集した質問を確認してください。しかし、まだ動作していない – Jishnuraj

関連する問題