当前页面: 开发资料首页 → Javascript 专题 → Javascript实例教程(18) 使用字符串函数
摘要: Javascript实例教程(18) 使用字符串函数
str.anchor("anchor1") </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.big() </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.blink() </td> <td width="33%" valign="TOP">
</td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.bold() </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.fixed() </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.fontcolor("darkred") </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.fontsize(5) </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.italics() </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.link("index.html") </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.small() </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.strike() </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.sub() </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.sup() </td> <td width="33%" valign="TOP">
This is a string </td> <td width="33%" valign="TOP">
This is a string </td> </tr> <td width="33%" valign="TOP">
str.toLowerCase() </td> <td width="33%" valign="TOP">
this is a string </td> <td width="33%" valign="TOP">
this is a string </td> </tr> <td width="33%" valign="TOP">
str.toUpperCase() </td> <td width="33%" valign="TOP">
THIS IS A STRING </td> <td width="33%" valign="TOP">
THIS IS A STRING </td> </tr> </table>
上表中最后的两个例子不是与HTML特定相关的,但是它们作为一种格式工具是很有用的。所有的这些方法可以应用到字符串中来创建一个定制的格式。
下面再给出一个例子: <body>
<script language="JavaScript">
var heading = prompt("Please enter a heading", "Test Heading");
var colour = prompt("Please enter a colour", "darkred");
document.write(heading.fontsize(7).fontcolor
(colour).bold().toUpperCase());
// Stop hiding
</script>
</body>
(图5)
这时你按下如图5所示的按钮,就可以弹出如图6的对话框:
(图6)
在其中的方框中输入网页的标题:太平洋电脑网,点击确定键。接着再弹出一个对话框要求输入颜色,如图7所示:
(图7)
点击确定键后就产生了如图8所示的网页:
(图8)
就象我们前面所解释的,写东西到一个已经装载的文档或者窗口是不可能的。为了显示这个代码我们打开新窗口并为这个窗口写入产生的HTML代码。
当然,你可以只使用JavaScript来格式化文本,但是一旦被格式化后的文本出现在网页上,它就不可变了。
escape() and unescape()
当你从一个网页向另一个网页传递数值的时候,你可以使用URL搜索字符串(比如使用一个表单,利用method="get"),这时你会发现有些字符被转换为 %nn格式:
http://www.mydomain.com.au/index.html?name=Duncan%20Crombie
而网络服务器和网络浏览器只能处理有限的字符,所以任何的字符一旦超过这个范围都将以数字的形式进行传递。
这个escape函数可以对变量进行编码,当设置cookies的时候它经常使用;而unescape函数是用来对它们进行译码。</td>
</tr>
</table></td>
</tr>