如何获取 html 里指定 script 的指定内容？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 1082 天前的主题，其中的信息可能已经有所发展或是发生改变。

获取到某网站的源 html 内容，里面有很多 Script 标签。其中一个 Script 标签执行了为变量赋值的操作。

 <script> foo.jsOnData= {"name":"Bar"} </script>

请问有什么合理且高效的办法获取{"name":"Bar"}这个内容？

5 条回复 2023-05-09 14:44:51 +08:00

kernelpanic

2023 年 5 月 8 日

```
html.match(/foo.jsOnData= (\{[^}]+})/)[1]
```

suckinbottle

2023 年 5 月 9 日

https://github.com/Nykakin/chompjs

jazzg62

2023 年 5 月 9 日

```ts
import { parse } from '@babel/parser';
import traverse from '@babel/traverse';
import generator from '@babel/generator';
import * as types from '@babel/types';
let bj = 'foo';
let pro = 'jsonData';
let script = `let foo = {}
foo.jsOnData= {"name":"Bar"}
foo.aa = '123';
`;
let ast = parse(script, { sourceType: 'script' });
let res = '';
traverse(ast, {
AssignmentExpression(path) {
let node = path.node;
if(types.isMemberExpression(node.left) ){
let object = node.left.object;
let property = node.left.property;
if(types.isIdentifier(object) && object.name == obj && types.isIdentifier(property) && property.name == pro){
res = generator(node.right).code;
}
}
},
});

console.log(res);
```

jazzg62

2023 年 5 月 9 日

也可以用上面 ast 的形式来查找 foo.jsonData 的赋值操作

KevinDo2

2023 年 5 月 9 日

@jazzg62 学到了！