gpt4 book ai didi

javascript - Chrome 扩展和 javascript 提交表单

转载 作者:行者123 更新时间:2023-11-28 09:31:15 25 4
gpt4 key购买 nike

我最近开始学习 chrome ext。我遇到了这个问题。基本上我只是想将字符串转换为相应的数字。例如a=1、b=2、c=3...等等。因此,如果我尝试使用 html 表单获取输入字符串,然后使用提交按钮上的 onclick,我希望我的 javascript 文件将字符串转换为数字并在同一输入文本框中打印出该值。

这是我当前的代码,如果我通过使用提示获得输入,它工作正常。我的问题是如何调用 onclick,因为 list 版本 2 限制了内联 js。

list

{
"name": "String converter",
"version": "1.0",
"manifest_version": 2,
"description": "Convert string to number",
"browser_action": {
"default_icon": "icon.ico",
"default_popup": "popup.html"
}

}

弹出.html:

<!doctype html>
<html>
<head>
<title>Convert string</title>
<style>
body {
min-width:160px;
overflow-x:hidden;
}
</style>
<script src="popup.js"></script>
</head>
<body>
<input type="text" id="result" />
<!--I need the button here-->
</body>
</html>

popup.js(我只是从教程中复制并粘贴此内容并进行修改)

var req = new XMLHttpRequest();
req.open(
"GET",
"http://api.flickr.com/services/rest/?" +
"method=flickr.photos.search&" +
"api_key=90485e931f687a9b9c2a66bf58a3861a&" +
"text=hello%20world&" +
"safe_search=1&" + // 1 is "safe"
"content_type=1&" + // 1 is "photos only"
"sort=relevance&" + // another good one is "interestingness-desc"
"per_page=20",
true);
req.onload = test;
req.send(null);


function test(){
var s=prompt("enter string");
var result ="";
for(var i =0; i<3; i++){
if(s.charAt(i) == "a"){
result += "1"
}
else if(s.charAt(i) == "b"){
result += "2"
}
else if(s.charAt(i) == "c"){
result += "3"
}

document.getElementById("result").value = result;

}

谢谢!

最佳答案

将此按钮代码放在您想要按钮的位置:

<button id='sbmt'>Submit</button>

并在popup.js中添加这些行来监听上面按钮的点击事件。

function myAlert(){
alert('Button Clicked');
}
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('sbmt').addEventListener('click', myAlert);
});

关于javascript - Chrome 扩展和 javascript 提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13692936/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com