js调用浏览器功能

// 获取元素并改变其内容
document.getElementById('myElement').textContent = 'Hello, World!';

// 弹出一个警告框
alert('This is a warning message!');

// 打开一个新窗口
window.open('https://example.com', '_blank');

// 添加点击事件监听器
document.getElementById('myButton').addEventListener('click', function() {
    alert('Button was clicked!');
});

// 确保在 DOM 完全加载后再执行脚本
document.addEventListener('DOMContentLoaded', function() {
    var element = document.getElementById('myElement');
    if (element) {
        element.textContent = 'Hello, World!';
    } else {
        console.error('Element not found!');
    }
});

// 使用 fetch API 并设置 CORS 策略
fetch('https://api.example.com/data', {
    mode: 'cors'
}).then(response => response.json())
  .then(data => console.log(data));

// 使用 DocumentFragment 批量更新 DOM
var fragment = document.createDocumentFragment();
for (var i = 0; i < 1000; i++) {
    var li = document.createElement('li');
    li.textContent = 'Item ' + i;
    fragment.appendChild(li);
}
document.getElementById('myList').appendChild(fragment);