js怎么解析带有html的数据

JavaScript024

js怎么解析带有html的数据,第1张

一般可以用原生js及jQuery获取html元素的值。

1

<div id="test">数值</div>

原生js写法:

alert(document.getElementById('test').innerHTML)//数值

jQuery写法:

alert($('#test').html())//数值

说明:

innerHTML是取元素的内部html代码,此例中即div内部的所有html代码

html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法

 Node.js解析HTML DOM的当然是htmlpaser,jsdom。然而个人更喜欢jQuery的风格,与web jQuery的统一API,所以选择了node-jquery.其代码部署在Github的https://github.com/coolaj86/node-jquery.

var $ = require('jquery')

 

String.format = function() {

    var s = arguments[0]

    for (var i = 0 i < arguments.length - 1 i++) {

        var reg = new RegExp("\\{" + i + "\\}", "gm")

        s = s.replace(reg, arguments[i + 1])

    }

 

    return s

}

 

 $.get("https://github.com/popular/forked",function(html){

 

        var $doc = $(html)

    console.log("No.  name  language  star   forks  ")

        $doc.find("ul.repolist li.source").each(function(i,project){

 

        var $project = $(project)

               var name = $project.find("h3").text().trim()

               var language = $project.find("li:eq(0)").text().trim()

               var star = $project.find("li.stargazers").text().trim()

               var forks = $project.find("li.forks").text().trim()

               var row =String.format("{4} {0}  {1}  {2}  {3}",name,

                       language,star,forks,i + 1 )

              

               console.log(row)

        })

 })

HTML中调用JS代码。

js代码注解:javascript代码,可直接在客户端解释执行,html中调用js代码的方法有两种:一、将javascript写在html文件中,在html中调用js函数等;二、js代码写一个文件中,在html中引用该文件,使用js文件中定义的js函数。

调用方法:

1、打开Dreamweaver软件,在创建新项目下选择HTML;

2、点击“文件”——“另存为”——文件命名为test——保存在电脑桌面;

3、编写html文件,html文件包含用户名及密码输入文本框,确定和取消按钮;

4、在title标签下插入<script language="JavaScript">js代码</script>,在html中调用js函数;

5、js代码编写及html调用js代码完成保存tset.html文件,在浏览器中打开test.html文件,检查js代码执行效果;

6、在Dreamweaver软件中新建check.js文件(方法同html文件新建),check文件中输入校验函数;

7、test.html的title标签下引用check.js文件;

8、在程序中引用check.js文件中js函数,在浏览器中刷新test.hmtl文件,然在username的输入框中输入非法字符来检验js代码。