reactjs方法中return一个html

在React.js中，可以在方法中使用JSX语法返回一个HTML元素。JSX是一种用于创建可视化的React元素的JavaScript扩展。例如，可以使用以下代码在React.js方法中返回一个HTML元素：return <h1>Hello World!</h1>

        /*1.用浏览器内部转换器实现html转码*/

        htmlEncode:function (html){

            //1.首先动态创建一个容器标签元素，如DIV

            var temp = document.createElement ("div")

            //2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐，google支持)

            (temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html)

            //3.最后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串了

            var output = temp.innerHTML

            temp = null

            return output

        },

        /*2.用浏览器内部转换器实现html解码*/

        htmlDecode:function (text){

            //1.首先动态创建一个容器标签元素，如DIV

            var temp = document.createElement("div")

            //2.然后将要转换的字符串设置为这个元素的innerHTML(ie，火狐，google都支持)

            temp.innerHTML = text

            //3.最后返回这个元素的innerText(ie支持)或者textContent(火狐，google支持)，即得到经过HTML解码的字符串了。

            var output = temp.innerText || temp.textContent

            temp = null

            return output

        },

        /*3.用正则表达式实现html转码*/

        htmlEncodeByRegExp:function (str){ 

            var s = ""

            if(str.length == 0) return ""

            s = str.replace(/&/g,"&")

            s = s.replace(/

            s = s.replace(/>/g,">")

            s = s.replace(/ /g," ")

            s = s.replace(/\'/g,"'")

            s = s.replace(/\"/g,""")

            return s 

      },

      /*4.用正则表达式实现html解码*/

      htmlDecodeByRegExp:function (str){ 

            var s = ""

            if(str.length == 0) return ""

            s = str.replace(/&/g,"&")

            s = s.replace(/</g,"<")

            s = s.replace(/>/g,">")

            s = s.replace(/ /g," ")

            s = s.replace(/'/g,"\'")

            s = s.replace(/"/g,"\"")

            return s 

      }

    }

将js中的值传递给html

var Value = "www.sucaijiayuan.com"

var oDiv = document.getElementById("div")

oDiv.innerHTML = Value

用innerHTML属性，这样就可以了。

扩展资料：

JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

JavaScript函数

函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点：

1、函数由关键字function定义（也可由Function构造函数构造）。

2、使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用var关键字定义的必须定义后才能被调用。

3、函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名。

4、参数表示传递给函数使用或 *** 作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象（arguments对象是一个伪数组，属性callee引用被调用的函数）访问所有参数。

5、return语句用于返回表达式的值。

6、yield语句扔出一个表达式，并且中断函数执行直到下一次调用next。

参考资料来源：百度百科-javascript

---