hyperlink 相关问题

我需要将此文件中的Java脚本转换为单独的.js文件，我可以在原始html文件中使用该文件，并且我知道如何使其工作。这是代码我需要将此文件中的 Java 脚本转换为单独的 .js 文件，我可以在原始 html 文件中使用该文件，并且我知道如何使其工作。这是代码 <!DOCTYPE html> <html lang="en"> <head> <title>Simple Calculator App</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/all.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> </head> <body> <div class="register-form mt-3 mb-3"> <div class="container-fluid"> <div class="row"> <div class="col-md-6 d-none d-md-block bg-warning" ""> <h1 class="text-center pt-3">Results</h1> <p id="max"></p> <p id="min"></p> <p id="mean"></p> <p id="median"></p> <p id="range"></p> </div> <div class="col-md-6 bg-dark"> <form action="#" class="p-4 text-white"> <div class="form-group"> <label for="Number1"> Number 1</label> <input type="text" class="form-control" id="num1" placeholder="Number 1"> </div> <div class="form-group"> <label for="Number2"> Number 2</label> <input type="text" class="form-control" id="num2" placeholder="Number 2"> </div> <div class="form-group"> <label for="Number3"> Number 3</label> <input type="text" class="form-control" id="num3" placeholder="Number 3"> </div> <button type="submit" class="btn btn-warning mb-3 mt-3 float-right" id="cal" onclick="myFunction()">Calculate</button> </form> </div> </div> </div> </div> <script> //start of JavaScript code function myFunction() { // Get the input values, check for numbers, if there are letters returns numbers before letter per each field var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var num3 = parseFloat(document.getElementById("num3").value); // Check if the inputs are valid numbers if (isNaN(num1) || isNaN(num2) || isNaN(num3)) { alert("Please enter valid numbers."); //alerts if not valid numbers return; } // Calculate max, min, mean, and range var max = Math.max(num1, num2, num3); // Calculate the maximum value among the three numbers using math methods var min = Math.min(num1, num2, num3); // Calculate the minimum value among the three numbers using math methods var mean = (num1 + num2 + num3) / 3; // Calculate the mean of the three numbers var range = max - min; // Calculate the range // Calculate median var numbers = [num1, num2, num3]; numbers.sort(function(a, b) { return a - b; }); var median; if (numbers.length % 2 === 0) { var mid1 = numbers[numbers.length / 2 - 1]; var mid2 = numbers[numbers.length / 2]; median = (mid1 + mid2) / 2; // Calculate the median for even count of numbers } else { median = numbers[Math.floor(numbers.length / 2)]; // Calculate the median for odd count of numbers } // Display the results document.getElementById("max").textContent = "max = " + max; // Display the maximum document.getElementById("min").textContent = "min = " + min; // Display the minimum document.getElementById("mean").textContent = "mean = " + mean.toFixed(1); // Display the mean with one decimal place document.getElementById("median").textContent = "median = " + median; // Display the median document.getElementById("range").textContent = "range = " + range; // Display the range } </script> </body> </html> 我尝试将脚本移动到自己的文件中，但编译器一直说提到的变量“未声明”，即使我用初始化声明了它们。我们可以像这样加载外部js文件。 <!DOCTYPE html> <html lang="en"> <head> <title>Simple Calculator App</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/all.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> </head> <body> <div class="register-form mt-3 mb-3"> <div class="container-fluid"> <div class="row"> <div class="col-md-6 d-none d-md-block bg-warning" ""> <h1 class="text-center pt-3">Results</h1> <p id="max"></p> <p id="min"></p> <p id="mean"></p> <p id="median"></p> <p id="range"></p> </div> <div class="col-md-6 bg-dark"> <form action="#" class="p-4 text-white"> <div class="form-group"> <label for="Number1"> Number 1</label> <input type="text" class="form-control" id="num1" placeholder="Number 1"> </div> <div class="form-group"> <label for="Number2"> Number 2</label> <input type="text" class="form-control" id="num2" placeholder="Number 2"> </div> <div class="form-group"> <label for="Number3"> Number 3</label> <input type="text" class="form-control" id="num3" placeholder="Number 3"> </div> <button type="submit" class="btn btn-warning mb-3 mt-3 float-right" id="cal" onclick="myFunction()">Calculate</button> </form> </div> </div> </div> </div> <script src="myfile.js" > </script> </body> </html> 文件：myfile.js //start of JavaScript code function myFunction() { // Get the input values, check for numbers, if there are letters returns numbers before letter per each field var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var num3 = parseFloat(document.getElementById("num3").value); // Check if the inputs are valid numbers if (isNaN(num1) || isNaN(num2) || isNaN(num3)) { alert("Please enter valid numbers."); //alerts if not valid numbers return; } // Calculate max, min, mean, and range var max = Math.max(num1, num2, num3); // Calculate the maximum value among the three numbers using math methods var min = Math.min(num1, num2, num3); // Calculate the minimum value among the three numbers using math methods var mean = (num1 + num2 + num3) / 3; // Calculate the mean of the three numbers var range = max - min; // Calculate the range // Calculate median var numbers = [num1, num2, num3]; numbers.sort(function(a, b) { return a - b; }); var median; if (numbers.length % 2 === 0) { var mid1 = numbers[numbers.length / 2 - 1]; var mid2 = numbers[numbers.length / 2]; median = (mid1 + mid2) / 2; // Calculate the median for even count of numbers } else { median = numbers[Math.floor(numbers.length / 2)]; // Calculate the median for odd count of numbers } // Display the results document.getElementById("max").textContent = "max = " + max; // Display the maximum document.getElementById("min").textContent = "min = " + min; // Display the minimum document.getElementById("mean").textContent = "mean = " + mean.toFixed(1); // Display the mean with one decimal place document.getElementById("median").textContent = "median = " + median; // Display the median document.getElementById("range").textContent = "range = " + range; // Display the range }

javascript html css file hyperlink

回答 1 投票 0

在 html 中的 rel 属性处请求大括号

我正在尝试将我的CSS代码链接到我的html，并且在使用rel属性后要求在vs代码中使用大括号。我已经有了我的 css 代码，只是想将它链接到 html。 ...

html css hyperlink stylesheet rel

回答 1 投票 0

有没有办法让我在bigcartel上使用luna模板在幻灯片上添加图像链接

我目前正在使用大型卡特尔网站模板中的 Luna 主题。我想知道是否有任何方法或编码可以用来使幻灯片上的图像可点击。我特别想要它...

javascript hyperlink slideshow bigcartel

回答 2 投票 0

在 <a> 上设置 href、下载和 onclick 属性不起作用

我尝试插入 gpx/xml blob 下载的链接，并且还想设置文件名的下载属性，以及单击链接时触发函数的 onclick 属性，然后...

javascript dom hyperlink onclick

回答 1 投票 0

Html 链接到不同文件夹名称更改

有没有办法拥有一个html链接，并在代码中获取当前的url链接并将文件夹更改为不同的路径？我基本上有一堆英文页面和一堆法文页面，唯一的

html hyperlink

回答 1 投票 0

Gatsby：浏览器导航上抛出 404 页面

javascript reactjs hyperlink navigation gatsby

回答 1 投票 0

通过 ID 将链接定位在粘性菜单下方

在我们的在线商店中，有一个粘性顶部菜单。我想向我的客户 www.onlinestore.com/#section 发送一个部分的链接，但是当通过 id 定义链接时，该链接会指向

html hyperlink

回答 1 投票 0

富文本框中的链接？

我知道richtextbox可以检测链接（例如http://www.yahoo.com），但是有没有办法让我向它添加看起来像文本但它是链接的链接？就像你可以在哪里选择 l...

c# winforms hyperlink richtextbox rtf

回答 7 投票 0

如何使用Python在Google表格的单个单元格中添加多个超链接？

我正在编写一个 Python 脚本来使用 Google Sheets API 更新 Google Sheets 文档，并且我需要在单个单元格中添加多个超链接以及一些消息。不过，我有...

python google-sheets hyperlink google-sheets-api gspread

回答 1 投票 0

如何使用 C# MS Interop 从 Excel 单元格中提取 url 地址

我一直在尝试从我正在阅读的文件上的单元格获取超链接。我遇到的问题是我无法提取整个地址，不确定语法是什么或是什么.. .

c# excel hyperlink interop

回答 1 投票 0

如何从网页中在 Chrome 中显式打开“新选项卡”页面？

在 Google Chrome 的地址栏中输入 chrome://newtab 或 about:newtab 时，我们可以显式打开一个新选项卡。我们如何从网页执行相同的操作？我在超链接上尝试过，例如在 Google Chrome 的地址栏中输入 chrome://newtab 或 about:newtab 时，我们可以显式打开一个新选项卡。我们如何从网页执行同样的操作？我在超链接上尝试过，例如<a href="chrome://newtab" target="_blank">Click to open the Chrome's 'New Tab' page</a>，但它不起作用.. 我什至尝试使用JavaScript使用window.open('chrome://newtab','_newtab')和重定向使用window.location = chrome://newtab，但都不起作用.. 有什么方法可以从网页实现此目的，例如通过单击或重定向到新选项卡？希望我的问题现在清楚了。打开新选项卡最好的方法就是打开空白页面。需要冒号才能打开类似 chrome:newtab: 的网址 var win = window.open('http://chrome:newtab', '_blank'); 但它们不允许出现在任何网址中：冒号是保留的，除其用途外不得在未编码的情况下使用特殊目的（取决于计划）。第 2.2 节：许多 URL 方案保留某些具有特殊含义的字符：它们出现在 URL 的特定于方案的部分中指定语义。如果一个八位位组对应的字符是在方案中保留时，必须对八位字节进行编码。那些角色 ”;”， “/”、“?”、“:”、“@”、“=”和“&”是可能的字符为方案中的特殊含义而保留。没有其他角色可以在计划内保留。即使你尝试对其进行编码： var win = window.open('http://chrome%3Anewtab', '_blank'); Chrome 不会允许你这样做。您很可能已经看到：无法打开具有无效 URL“http://chrome:newtab/”的窗口。 Chrome 将允许您使用冒号，但只能作为参数。请看下面的示例，并注意第二个网址中的问号。被拒绝 var win = window.open('http://something.com%3Apro', '_blank'); 允许 var win = window.open('http://something.com?%3Apro', '_blank'); 在超链接中，您需要将 target="_blank" 放入应答器中。 chrome://newtab/ 是新页面的页面

html google-chrome hyperlink tabs

回答 3 投票 0

hyperlink 相关问题

最新问题