JavaScript toUpperCase()方法使用详解

 更新时间:2016年08月26日 09:01:05   作者:水墨墨心  
这篇文章主要为大家详细介绍了JavaScript toUpperCase()方法的使用技巧,感兴趣的小伙伴们可以参考一下

toUpperCase() 方法用于把字符串转换为大写。 

一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。

语法为:stringObject.toUpperCase()
实例 

在本例中,"Hello world!" 将以大写字母来显示: 

<script type="text/javascript">
var str="Hello World!"
document.write(str.toUpperCase())

</script>

效果如下: 


相关方法举例如下: 

<html>
<body>

<script type="text/javascript">

var txt="Hello World!"

document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")

document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")

document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")

document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")

document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")

document.write("<p>Subscript: " + txt.sub() + "</p>")
document.write("<p>Superscript: " + txt.sup() + "</p>")

document.write("<p>Link: " + txt.link(https://www.jb51.net) + "</p>")
</script>

</body>
</html> 

效果如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JavaScript 常见安全漏洞和自动化检测技术

    JavaScript 常见安全漏洞和自动化检测技术

    js安全漏洞目前存在较大的技术难题,本文结合案例给大家详解JavaScript 常见安全漏洞和自动化检测技术,需要的朋友可以参考下
    2015-08-08
  • 用JS实现的一个include函数

    用JS实现的一个include函数

    用JS实现的一个include函数...
    2007-07-07
  • 简单的渐变轮播插件

    简单的渐变轮播插件

    本文主要介绍了简单的渐变轮播插件,具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JS将滑动门改为选项卡(需鼠标点击)的实现方法

    JS将滑动门改为选项卡(需鼠标点击)的实现方法

    这篇文章主要介绍了JS将滑动门改为选项卡(需鼠标点击)的实现方法,涉及JavaScript页面元素遍历及样式替换的相关技巧,再通过onmouseover与onclick即可分别实现滑动门与选项卡两种效果,需要的朋友可以参考下
    2015-09-09
  • JS是按值传递还是按引用传递

    JS是按值传递还是按引用传递

    在分析这个问题之前,我们需了解什么是按值传递(call by value),什么是按引用传递(call by reference)。在计算机科学里,这个部分叫求值策略(Evaluation Strategy)。它决定变量之间、函数调用时实参和形参之间值是如何传递的。
    2015-01-01
  • Javascript脚本实现静态网页加密实例代码

    Javascript脚本实现静态网页加密实例代码

    这篇文章介绍了Javascript脚本实现静态网页加密实例代码,有需要的朋友可以参考一下
    2013-11-11
  • js前端实现登录拼图验证功能

    js前端实现登录拼图验证功能

    行为验证码通过用户的操作来完成验证,常见的行为验证码有拖动式和点触式,下面这篇文章主要给大家介绍了关于js前端实现登录拼图验证功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • js事件冒泡与事件捕获详解

    js事件冒泡与事件捕获详解

    本文主要介绍了js事件冒泡与事件捕获的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • codemirror6实现自定义代码提示效果实例

    codemirror6实现自定义代码提示效果实例

    这篇文章主要给大家介绍了关于codemirror6实现自定义代码提示效果的相关资料,CodeMirror是一个网络代码编辑器组件,它可以在网站中用于实现支持多种编辑功能的文本输入字段,并具有丰富的编程接口以允许进一步扩展,需要的朋友可以参考下
    2023-08-08
  • 如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”

    如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”

    这篇文章主要介绍了如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”的方法以及相关资料,需要的朋友可以参考下
    2015-03-03

最新评论