js src 传参
时间: 2023-07-12 11:18:23 浏览: 49
在 JavaScript 中,可以通过以下方式传递参数:
1. 在标签中使用 data-* 属性传递数据,然后在 JavaScript 中通过 dataset 属性获取:
HTML 代码:
```html
<script src="example.js" data-username="John" data-age="30"></script>
```
JavaScript 代码:
```javascript
const scriptEl = document.querySelector('script');
const username = scriptEl.dataset.username;
const age = scriptEl.dataset.age;
console.log(username, age); // 输出 "John" 和 "30"
```
2. 在标签中使用 query string 传递数据,然后在 JavaScript 中通过 location.search 属性获取:
HTML 代码:
```html
<script src="example.js?username=John&age=30"></script>
```
JavaScript 代码:
```javascript
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const username = urlParams.get('username');
const age = urlParams.get('age');
console.log(username, age); // 输出 "John" 和 "30"
```
3. 在 JavaScript 中动态创建 script 标签并设置 src 属性,然后在 URL 中添加 query string 传递数据:
JavaScript 代码:
```javascript
const scriptEl = document.createElement('script');
scriptEl.src = 'example.js?username=John&age=30';
document.body.appendChild(scriptEl);
```
HTML 代码:
```html
<!-- example.js 中可以通过 location.search 获取参数 -->
<script src="example.js"></script>
```