Top / html / JavaScriptのTIPS集

スクリプトを書く †

<script type="text/javascript">
  document.write("hoge");
</script>
↑

スクリプトを書いた外部ファイルを読み込む †

<head>
  <script type="text/javascript" src="hoge.js" ></script>
</head>

読み込んだファイルにはメソッドを書いておきます。んで、呼び出すときはたとえば

<input type="button" name="実行" value="実行" onclick="aFunction();"/>
↑

一部分を動的に書き換える †

あらかじめ

<script type="text/javascript">
<!--
function trackbackSubmit() {
  var msg = "ある文字列";
  document.getElementById("body").innerHTML = msg;
}
//-->
</script>

てなメソッドを定義しておきます。次にボタンを作ります。

<input type="button" name="Ping!" value="Ping!" onclick="trackbackSubmit();"/>

このボタンを押すと、htmlファイル内の<div id="body"/>の箇所を探し出し(仕様ではユニークです) "ある文字列"に書き換えます*1。

↑

別ウィンドウを表示するスクリプト †

<html>
<head>
<script language="javascript">
<!--
 function win(url){
  wo = window.open(url, '', 'toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=400,height=500')
 }
// -->
</script>
</head>
<body>
<a href="javascript:win('http://www.yahoo.co.jp')">別窓起動</a>
</body>
</html>

この記事は

選択肢 投票
おもしろかった 2  
そうでもない 1  

Top / html / JavaScriptのTIPS集

現在のアクセス:9830

*1 CSSのidってこんなところに出てくるんですね
トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS