JavaScript使用replace函数替换字符串的方法

 更新时间:2015年04月06日 16:35:13   作者:work24  
这篇文章主要介绍了JavaScript使用replace函数替换字符串的方法,涉及javascript中replace函数的使用技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了JavaScript使用replace函数替换字符串的方法。分享给大家供大家参考。具体如下:

JavaScript通过replace函数替换字符串,下面的代码将Visit Microsoft中的MicroSoft替换成jb51.net

<!DOCTYPE html>
<html>
<body>
<p>
Click the button to replace "Microsoft" 
with "jb51.net" in the paragraph below:
</p>
<p id="demo">Visit Microsoft!</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var str=document.getElementById("demo").innerHTML;
var n=str.replace("Microsoft","jb51.net");
document.getElementById("demo").innerHTML=n;
}
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • webpack4.x打包过程详解

    webpack4.x打包过程详解

    这篇文章主要介绍了webpack4.x打包过程详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • PHP实现基于Redis的MessageQueue队列封装操作示例

    PHP实现基于Redis的MessageQueue队列封装操作示例

    这篇文章主要介绍了PHP实现基于Redis的MessageQueue队列封装操作,结合实例形式分析了Redis的PHP消息队列封装与使用相关操作技巧,需要的朋友可以参考下
    2019-02-02
  • js截取字符串功能的实现方法

    js截取字符串功能的实现方法

    这篇文章主要为大家详细介绍了js截取字符串功能的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • 微信小程序实现限制用户转发功能的实例代码

    微信小程序实现限制用户转发功能的实例代码

    这篇文章主要介绍了微信小程序实现限制用户转发的实例代码,通过截图加实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-02-02
  • 使用原生js编写一个简单的框选功能方法

    使用原生js编写一个简单的框选功能方法

    这篇文章主要介绍了使用原生js编写一个简单的框选功能方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScript预解析及相关技巧分析

    JavaScript预解析及相关技巧分析

    这篇文章主要介绍了JavaScript预解析及相关技巧,结合实例形式分析了JavaScript与解析的原理,步骤与相关技巧,需要的朋友可以参考下
    2016-04-04
  • js 实现在离开页面时提醒未保存的信息(减少用户重复操作)

    js 实现在离开页面时提醒未保存的信息(减少用户重复操作)

    在离开页面时判断是否有未保存的输入值,然后进行提醒,接下来介绍实现步骤,感兴趣的朋友可以了解下
    2013-01-01
  • javascript+HTML5 Canvas绘制转盘抽奖

    javascript+HTML5 Canvas绘制转盘抽奖

    这篇文章主要为大家详细介绍了javascrip+HTML5 Canvas绘制转盘抽奖的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • JS实现来回出现文字的状态栏特效代码

    JS实现来回出现文字的状态栏特效代码

    这篇文章主要介绍了JS实现来回出现文字的状态栏特效代码,针对文字的定义及状态栏的定时显示等实现方法备有详细的文字说明,需要的朋友可以参考下
    2015-10-10
  • 前端路由&webpack基础配置详解

    前端路由&webpack基础配置详解

    这篇文章主要介绍了前端路由&webpack基础配置详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06

最新评论