JavaScript基础
JavaScript 简介
JavaScript 是一门用来为网页添加交互功能的编程语言,它可用于编写从简单的按钮到复杂的全面的网页应用程序。通过学习 JavaScript,能够实现为网页添加动态功能如表单验证,扩展网页的功能和交互性,使用户能够更加流畅和自如的与应用程序或网站进行交互。
JavaScript 函数的使用
JavaScript 函数是一段代码,用于定义执行特定任务的代码块。相对于包含大量的代码,函数更容易鉴别和重复利用。通过将代码分为独立的函数单元,我们可以有效的组织代码并简化调试和维护。
以下是 JavaScript 中定义函数的一般格式:
function functionName(parameter1, parameter2, parameter3) {
//代码块
}
例如,下面是一个简单的函数定义:
function greet(name, age) {
console.log(`Hello, ${name}. You are ${age} years old.`);
}
在这个例子中,我们定义了一个名为 greet 的函数,它需要两个参数: name 和 age。这个函数使用字符串插值打印出一条问候消息,消息中的文本部分由参数插入而来。
使用函数调用方法调用函数:
greet("John", 28);
这一行代码会调用刚才定义的 greet 函数,将两个值作为其输入参数传入。 当该函数被调用时,输出在控制台上的消息是:
Hello, John. You are 28 years old.
JavaScript 页面导航
在 JavaScript 中,我们可以使用许多方法进行页面导航。其中两个最常用的是:
window.location.href,用于在当前窗口中加载新页面。
window.location.href = "https://example.com";
window.open(),用于在新窗口中打开新页面。
window.open("https://example.com");
JavaScript 跳转并传递参数
在 JavaScript 中,我们还可以轻松地传递参数并带着这些参数向其他页面进行跳转。
例如,如果我们希望访问其他网站 URL,并将参数作为其查询字符串部分的一部分传递,我们可以使用以下代码:
window.location.href = "https://example.com/?name=John&age=28";
可以看到,在 URL 中添加了一个问号和参数,参数包含在 name 和 age 变量中,分别为 John 和 28。
在我们的目标页面中,可以使用以下代码来获取这些参数的值:
const urlParams = new URLSearchParams(window.location.search);
const name = urlParams.get("name");
const age = urlParams.get("age");
在上面的代码中,URLSearchParams() 对象用于解析通过 URL 传递的查询参数,并从中获取具体参数。
总结
JavaScript 是一门强大而灵活的编程语言,可用于增强和改进网站的交互性和功能。通过课程学习,我已经了解了一些 JavaScript 的基础知识,如函数、跳转和传递参数。通过练习应用这些知识,我将进一步加强自己的 JavaScript 技能,为未来的 Web 开发工作做好准备。