テスト・練習

JavaScript

練習のひな形

  • 2017-03-19 
    <html>
<head>
<meta charset="UTF-8">
<title>練習</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!!");
	
// -->
</script>
</body>
</html>




幅に合わせて改行

  • 2017-03-19 動かない 
    <html>
<head>
<meta charset="UTF-8">
<title>サンプル</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World!!");
document.write("<br>\n");
 
var s="あいうえお,かきくけこ";
document.write("str:"+s+"<br>\n");
document.write("test1:"+s.length+"<br>\n");
document.write("test2:"+strLength(s)+"<br>\n");
 
s="1234567890";
document.write("str:"+s+"<br>\n");
document.write("test:"+s.length+"<br>\n");
document.write("test2:"+strLength(s)+"<br>\n");
 
 
var s="あいうえお,かきくけこ,さしすせそたちつてと,１２３４５,１２３,ああいいうう,かかかかかかかかか";
 
var ss=s.split(",");
 
var lmax = 12;
var spStr = '　　';
var spLen = strLength(spStr);
var s2="";
var s2L= 0;
var s1 = "";
var s1L =0;
for(var i=0;i<ss.length;i++) {
	// document.write(i+":"+ss[i]+"<br>\n");
	if (i==0) {
		s2 = "";
		s2L = 0;
	}
	s1 = ss[i];
	s1L = strLength(s1);
	if (s2 != "") {
		if (s2L+spLen+s1L>lmax) {
			strPrint(s2);
			s2 = s1;
			s2L =s1L;
		} else {
			s2 += spStr+s1;
			s2L = strLength(s2);
		}
	} else {
		s2 = ss[i];
		s2L = strLength(s2);
	}
 
	if (s2L>=lmax) {
		strPrint(s2);
		s2 = "";
		s2L =0;
	}
	if (s2L+spLen>=lmax) {
		strPrint(s2);
		s2 = "";
		s2L =0;
	}
}
 
 
function strPrint(str) {
	document.write("・"+str+"<br>\n");
}
 
// http://blog.tofu-kun.org/070627210315.php 
// kanji:2, hankauk:1
function strLength(strSrc){
	len = 0;
	strSrc = escape(strSrc);
	for(i = 0; i < strSrc.length; i++, len++){
		if(strSrc.charAt(i) == "%"){
			if(strSrc.charAt(++i) == "u"){
				i += 3;
				len++;
			}
			i++;
		}
	}
	return len;
}
	
// -->
</script>
</body>
</html>