- 締切済み
JavaScript（ジャバスクリプト）で本文中からヘッダーにtitleを挿入する
fujillinの回答
- fujillin
- ベストアンサー率61% (1594/2576)
SEOではどうなるのかは知りませんが、わざわざタイトルを複数生成するようなことをせずに、単に書き換えればよいのではないでしょうか？ document.title = "タイトル"; で、可能なはずです。
関連するQ&A
- HPで各頁に共通したヘッダーhtml全部をつけたい
ホームページで各ページに共通したヘッダーを JavaScriptのdocument.write()を利用してつけようとしています。 OSはwindows Xpで、制作ツールは、alphaEDITを使用しています。 １．「header.js」ファイルを用意 document.write("<header.html>header"); ２．「index.html」を用意 <html> <head></head> <body> <script language="JavaScript" src="header.js"></script> 中身 </body> </html> ３．スタイルシートsample3.cssを用意 ４．header.html を用意 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>ヘッダー</title> <meta content="text/html; charset=shift_jis" http-equiv="Content-Type"> <link rel="stylesheet" type="text/css" href="sample3.css"> <script language="JavaScript" src="func.js"></script> </head> <body> （かなり長いので省略） <p> </p></body></html> これで「index.html」を実行しますと、 header 中身 と表示されます。 headerという文字ではなく、header.html 全部を表示し、かつスタイルシートも反映させたいのですが、どうすればいいですか？ 教えて下さい。 参考にしたＵＲＬ 各ページに共通したヘッダー(フッター)をつける http://tagland.net/technique/common_header.html
- ベストアンサー
- JavaScript
- ジャバスクリプトが作動しません。
初めまして、素人なので的外れな質問だったら恐縮です。 以下のようにジャバスクリプトを2つ記述しましたが、後ろに記述した１つしか作動しません。 記述の順番を入れ替えても、やはり後ろに記述した方しか作動しません。 何が悪いのか、どなたか教えて頂けますでしょうか？ <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>ホームページテンプレート</title> <meta name="description" content="説明を入れます" /> <meta name="keywords" content="キーワード" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/script.js"></script> <link href="css/gallery11.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/effects.js"></script> <script type="text/javascript" src="js/glider.js"></script> <script type="text/javascript"><!-- Event.observe(window, "load", function(){ new Glider("album1", { duration:1.0 } ); }); // --></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var setImg = '#viewer'; var fadeSpeed = 1500; var switchDelay = 5000; $(setImg).children('img').css({opacity:'0'}); $(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed); setInterval(function(){ $(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg); },switchDelay); }); </script> </head>
- ベストアンサー
- JavaScript
- JavascriptからJavaへの変え方
Javascriptで作ったものをJavaにしないといけなくなったのですが 私はJava初心者でまったくわかりません。 色々ネットで調べてみたのですが、どうも難しくて理解することができませんでした。 下にJavascriptで作ったものを載せてるのですがどなたかやり方を教えてもらえないでしょうか？ <html> <head> <title>サンプル</title> <script type="text/javascript"> function jikoku() { dd = new Date(); document.F1.T1.value = dd.toLocaleString(); window.setTimeout("jikoku()", 1000); } </script> <script type="text/javascript"> mes = new Array(5); mes[0]="0"; mes[1]="1"; mes[2]="2"; mes[3]="3"; mes[4]="4"; date=(new Date()).getHours(); if( 0 <= date && date <= 5 ){ document.write(mes[0]); } else if( 6 <= date && date <= 10 ){ document.write(mes[1]); } else if( 11 <= date && date <= 16 ){ document.write(mes[2]); } else if( 17 <= date && date <= 19 ){ document.write(mes[3]); } else{ document.write(mes[4]); } </script> <script type="text/javascript"> function Random() { var kazu = Math.random(); kazu = kazu*100; kazu = Math.ceil(kazu); if( kazu<=9 ) document.write('<br/>○1<br/>'); else if( kazu<=19 ) document.write('<br/>○2<br/>'); else if( kazu<=29 ) document.write('<br/>○3<br/>'); else if( kazu<=39 ) document.write('<br/>○4<br/>'); else if( kazu<=49 ) document.write('<br/>○5<br/>'); else if( kazu<=59 ) document.write('<br/>○6<br/>'); else if( kazu<=69 ) document.write('<br/>○7<br/>'); else if( kazu<=79 ) document.write('<br/>○8<br/>'); else if( kazu<=89 ) document.write('<br/>○9<br/>'); else document.write('<br/>○10<br/>'); } Random() </script> <script language="JavaScript"> var imglist = new Array( "sample1.jpg", "sample2.jpg", "sample3.jpg", "sample4.jpg" ); var selectnum = Math.floor((Math.random() * 100)) % imglist.length; var output = "<img src=" + imglist[selectnum] + ">"; document.write(output); </script> </head> </html>
- 締切済み
- Java
- java scriptで読み込むtxtでリンクする
java scriptを使って外部テキストデータをhtml内に表示させることはできたのですが、そのテキストからさらに別ページへのリンクを貼る方法はあるでしょうか？ ■java script内 var data = [ [2010.12.12,ここにコメント], [2010.11.11,'ここにコメント'], [2010.10.10,'ここにコメント'] ]; ※ここにコメントの全文または一部分をリンクさせたいです。 ■html内 <script type="text/javascript" src="data.js"></script> <script type="text/javascript"> for(var i=0;i<data.length;i++) document.write(data[i][0]+' '+data[i][1]+'<br>'); </script> よろしくお願いします。
- 締切済み
- JavaScript
- JavaScriptでエスケープ。<script
JavaScriptで、下記文字列(<script～</script>)を変数に入れ、処理後にdocument.writeしたいです。 <script type="text/javascript" src="http://hoge.jp/s/"></script> どのようにエスケープしたら良いでしょうか？
- ベストアンサー
- JavaScript
- ジャバスクリプトについて質問です。
ジャバスクリプトでテキストエリアに入力した文字数を表示したいのですが半角数でカウントは出来ませんか？ <html> <head> <title>チェック</title> <script type="text/javascript"><!-- function tyek( str ) { document.getElementById("inputlength"). innerHTML = str.length + "文字"; } // --></script> </head> <body> <textarea cols="40" rows="9" onkeyup="tyek(value);"></textarea> <p id="inputlength">0文字</p> <br> </body> </html> 上記の設定では全角も一文字、半角も一文字でカウントされます。 例 aあ ⇒２文字 これを半角一文字、全角二文字という風に設定したいのですがどうすればいいのでしょうか？まだスクリプトを勉強しだしたばかりでよく分かりません… 回答の方宜しくお願い致します。
- ベストアンサー
- JavaScript
- javaスクリプトでリンク付のスクロールテキストを作成したいのですが、
javaスクリプトでリンク付のスクロールテキストを作成したいのですが、困っております。 参考サイトを探し、下記の状態まで作成しております。 <html> <head> <script language="JavaScript"> <!----- var msg = "テキスト"; msg = msg + " "; msg = msg + "テキス2"; msg = msg + " "; var speed = 200; function textDisp(){ msg = msg.substring(1,msg.length) + msg.substring(0,1); document.form1.text1.value = msg; setTimeout("textDisp()",speed); } var winTarget = "_self"; var url = "http://www.yahoo.co.jp/"; function textlink(){ open(url, winTarget); } //-----> </script> </head> <body bgcolor="white" onLoad="textDisp();"> <form name="form1"> <input type="text" name="text1" size="60" onclick="textlink();" style="cursor:hand;border:none;color:#ff3399;" onMouseover="this.style.color='#ffcc00'" onMouseout="this.style.color='#ff3399'"> </form> </body> </html> 表示時に”テキスト”と”テキスト2”を独立してそれぞれ、違うリンク先に飛ばすには どのようにすればよろしいでしょうか？ また、空白をのぞき、リンク部分だけに下線をつけたいです。 CSSで指定をすると文字から空白まですべてに下線が付いてしまいます。 説明が悪いかもしれませんが、もしお分かりになる方おられましたら、参考サイトでも かまいませんのでお教えいただけますと幸いです。
- 締切済み
- JavaScript
- java script
java script マウスに追従する 画像について。 実装はできるのですが、こういった事象で困っています。 「縦スクロールに対して追いついてこない」 「1スクロール分したに移動するたびにおいてきぼりになる。」 このサイトも同じ事になってしまってます。 http://ameblo.jp/ma-reete/entry-10445768523.html という事です。 以下、スクリプトでは間違っているのでしょうか。 回答お願いします。 （当方IE8試用、ＦＦではみれないようですね。） <script language="JavaScript"><!-- function moveImage() { x = event.x; y = event.y; document.getElementById("myIMG").style.left = x; document.getElementById("myIMG").style.top = y; } // --></script> <link href="style.css" rel="stylesheet" type="text/css" /></head> <body onMousemove="moveImage()"> <!--mouse 画像 start--> <IMG src="image/common/mika002.gif" id="myIMG"> <!--mouse 画像 start-->
- ベストアンサー
- JavaScript
- ジャバスクリプトが動かない
Windows7 64ビット IE9 次のスクリプトでボタンを押しても反応しません。 どこがおかしいのでしょうか。教えてください。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=Shift_JIS" http-equiv="content-type"> <title>貯血スケジュールの作成</title> <script language="JavaScript"> <!-- function kotae(){ var kai = 37; alert(kai); } //--> </script> </head><body> <h3>問題</h3> 16+21= <button onclick="kotae()">答えを見る</button> </body></html>
- ベストアンサー
- JavaScript
- ジャバスクリプト
コピペで<body>～</body>に入れてるのですが出来ません。背景に画像を降らせたいのですが…Yahooジオシティーズで作ってます。全然無反応で…何故!? <SCRIPT LANGUAGE="JavaScript1.2"> <!-- var no = 30; var speed = 22; var snowflake = "降らせる画像のURL"; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; ～中略～ --> </script>
- 締切済み
- JavaScript
補足
解答ありがとうございます。 ＞わざわざタイトルを複数生成する わざわざというか、先に記述したように自動的に「トップページ以外のtitleが全部メニューのリンク文字と同じになる」ため、タイトルをSEOのため変更する必要があるということです。 例えばメニューに「会社概要」とつくった場合、そのページのタイトルも「会社概要」になってしまうため、変更する必要があるということです。（titleはSEOでは重要な役割を担います）