如何将4个字符串值从HTML页面传递到javascript文件？

在HTML页面中将4个字符串值传递到JavaScript文件，可以通过以下几种方式实现：

使用全局变量：在HTML页面中定义全局变量，并在JavaScript文件中访问这些变量。例如，在HTML页面中使用<script>标签定义全局变量：

<script>
    var str1 = "Value 1";
    var str2 = "Value 2";
    var str3 = "Value 3";
    var str4 = "Value 4";
</script>

然后在JavaScript文件中可以直接访问这些全局变量：

console.log(str1); // 输出：Value 1
console.log(str2); // 输出：Value 2
console.log(str3); // 输出：Value 3
console.log(str4); // 输出：Value 4

使用HTML元素的自定义属性：在HTML页面中的某个元素上定义自定义属性，然后通过JavaScript获取这些属性的值。例如，在HTML页面中的某个元素上定义自定义属性：

<div id="myElement" data-str1="Value 1" data-str2="Value 2" data-str3="Value 3" data-str4="Value 4"></div>

然后在JavaScript文件中通过getAttribute方法获取这些属性的值：

var myElement = document.getElementById("myElement");
var str1 = myElement.getAttribute("data-str1");
var str2 = myElement.getAttribute("data-str2");
var str3 = myElement.getAttribute("data-str3");
var str4 = myElement.getAttribute("data-str4");
console.log(str1); // 输出：Value 1
console.log(str2); // 输出：Value 2
console.log(str3); // 输出：Value 3
console.log(str4); // 输出：Value 4

使用表单元素：如果这4个字符串值是用户输入的，可以使用表单元素来获取这些值。例如，在HTML页面中使用<input>元素：

<input type="text" id="input1" value="Value 1">
<input type="text" id="input2" value="Value 2">
<input type="text" id="input3" value="Value 3">
<input type="text" id="input4" value="Value 4">
<button onclick="getValue()">获取值</button>

然后在JavaScript文件中定义一个函数来获取输入框的值：

function getValue() {
    var str1 = document.getElementById("input1").value;
    var str2 = document.getElementById("input2").value;
    var str3 = document.getElementById("input3").value;
    var str4 = document.getElementById("input4").value;
    console.log(str1); // 输出：Value 1
    console.log(str2); // 输出：Value 2
    console.log(str3); // 输出：Value 3
    console.log(str4); // 输出：Value 4
}

这些方法可以根据具体的需求选择适合的方式来传递字符串值到JavaScript文件中。