- ベストアンサー
javascriptの長いコードをサブルーチン化する方法
初歩的な質問かもしれませんが <a href="javascript:void(0);" onclick="window.open ('note.htm','_blank','location=no,menubar=no,scrollbars=yes, resizable=yes,status=no,width=200,height=100,top=0,left=0')">※注釈※</a> …というHTMLをたくさんの箇所に挿入したいのですが,これではあまりにも長い ので,該当ファイルのヘッダ内に <head> <SCRIPT language="javascript" type="text/javascript" src="../script/winopen.js"></script> </head> みたいにwinopen.jsとして収め,必要箇所で呼び出したいのですが, (1) winopen.jsファイル内 と (2) HTMLの<body></body>内 には 具体的にどのように記述したらよいものでしょうか?
- litton101
- お礼率89% (1106/1240)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
リンクごとに違うのはURLだけでウィンドウの大きさその他は全て同じだとして。 ==winopen.js== function myOpen(url) { window.open(url,'_blank','location=no,menubar=no,scrollbars=yes, resizable=yes,status=no,width=200,height=100,top=0,left=0'); } ==HTML リンクの部分== <a href="~url~" onclick="myOpen(this.href)">※注釈※</a> html部分をさらに短くすることも可能ですがこの程度が妥当だと思います。 (Javascript-offでも普通のリンクとして機能するし、普通のリンクとして機能するようにしておけば検索エンジンもリンク先を拾ってくれます。)
その他の回答 (1)
- hanazawa-love
- ベストアンサー率13% (8/61)
*.jsファイル function hogehoge () { alert("hoge!"); } *.htmlファイル(一部省略してます) <head> <script src="*.js"></script> </head> <body> <input type="button" onClick="hogehoge()"> </body> こんな感じだと思うんですけど。 ファイル名とかパスだとかは適時置き換えてやってみてください。
お礼
早速ありがとうございました. おかげさまで無事に実現できました.
関連するQ&A
- ページを表示すると同時に複数のサブウィンドウを開く方法について
ページを表示すると同時に複数のサブウィンドウを開く方法について、 プログラムを作成したらよいのか教えてください。 下記のプログラムは、ページを表示すると同時に1枚のサブウィンドウを開くプログラムですが、3枚ほどサブウィンドウを開きたいのです。 よろしくお願い致します。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // サブウィンドウの表示方法を指定する function openWindow1() { window.open("sample.html","OpenWindow",scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no"); } //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="openWindow1()"> </BODY> </HTML>
- ベストアンサー
- JavaScript
- 外部jsファイルにwindow.openを記述するとmacIEで動かない場合
他の質問にこの条件のケースがなかったので質問させていただきます。よろしくお願いします。 親ページからサブウインドウを開こうとして、 macのIEだけ確認できません。 ファイルは以下のように作成しました。 wopen.jsファイルを作成して、そこに function wopen(URL){ window.open("aaa.html", "wopen", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=600,height=600"); } と記述して HTMLに <head> <SCRIPT TYPE="text/javascript" SRC="wopen.js"></SCRIPT> </head> <body> <a href="javascript:wopen( )"><img src="a.gif"></a> </body> なぜなのかわからないので、 すみませんがよろしくお願いします。
- 締切済み
- JavaScript
- NN4.7で小窓が開かない
JavaScriptで小窓を表示するようにしているのですが、 IE6、NN7だと動くのですが、NN4.7だと動いてくれません。 どこが問題なのかわからないのでアドバイスをお願いします。 <script language="javascript"> <!-- function winopen(url){ var w = window.open(url,'小窓','width=700,height=600,toolbar=0,menubar=0,location=0,status=0,scrollbars=no'); } --> </script> <a href="javascript:winopen('./ex01.html');">ex01</a> <a href="javascript:winopen('./ex02.html');">ex02</a> <a href="javascript:winopen('./ex03.html');">ex03</a> fanctionの部分をHEADではなくBODYに書いているのですが、 それが問題という可能性はありますか?
- ベストアンサー
- JavaScript
- 読みこみと同時にポップアップウインドウを表示したい
URL(たとえば1.tml)を指定してページを読み込んだときにそのページと同時にポップアップウインドウを表示したいと思っています。 そこで1.htmlには下記のように書きましたが、ポップアップが出ません。どなたかおわかりになる方、ご教授ください。よろしくお願いします。 <HTML> <HEAD> <script type="text/javascript"> <!-- function MM_openBrWindow() { window.open("pop.html","width=400,height=400,status=no,scrollbars=yes,resizable=no "); } //--> </script> </HEAD> <boby onload="MM_openBrWindow()">
お礼
詳細なご解説ありがとうございました. うまく実現できたことはもちろんのこと, 「html部分をさらに短く」しない件についても 大変勉強になりました.