代表浏览器对象模型(Browser Object Model),它是浏览器提供的 JavaScript API,用于与浏览器窗口和浏览器本身进行交互
获取当前网页的URL:
- const currentURL = window.location.href;
- console.log(currentURL);
设置和获取Cookies:
- // 设置一个名为 "username" 的 Cookie
- document.cookie = "username=John Doe";
-
- // 获取 Cookie 值
- const username = document.cookie;
- console.log(username);
-
导航到其他页面:
window.location.href = "跳转页面的地址";
获取浏览器信息:
- const web = window.navigator.appName;
- const web_v = window.navigator.appVersion;
- console.log(`浏览器名称: ${web}, 版本: ${web_v}`);
- id1.style.color = 'red'; //属性使用 字符串 包裹
- id1.style.fonSize = '20px';// 驼峰命名问题
- id1.style.padding = '2em';
文本框 text
下拉框
单选框 radio
多选框 checkbox
隐藏框 hidden
密码框 password
-
- 用户名:
-
-
-
- 性别:
- 男
- 女
-
-
-
- let input_text = document.getElementById('username');
-
输出的语句是input_text.value,将文本框的文字输出
- boy_text.checked
- true
- girl_text.checked
- false
如上代码: radio的选择框选择男选择框的用checked,不能用value
密码加密
-
-
-
-
- 用户名:
-
-
-
- 密码:
-
-
-
-
-
-
-
- function aaa() {
- let name = document.getElementById('username');
- let pwd = document.getElementById('input-password');
- let mp5pwd = document.getElementById('md5-password');
- pwd.value = md5(pwd.value);
- mp5pwd.value = md5(pwd.value);//将加密的密码在进行隐藏
- // 可以校验判断表单内容,true就是通过提交,false,阻止提交
- return true;
- }
-