【web】【DOM】表单:图书的录入与删除

图书的录入与删除

描述

默认表单显示三本书的书名,作者,书名,删除键可删除;
下方输入框可进行书籍数据录入(分别输入作者,书名,价格),添加到表单中,同样新添加的书也可删除

效果

默认状态

在这里插入图片描述

添加操作

添加操作图

添加成功

添加成功图

删除操作

删除操作

代码

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            table {
     
                width: 500px;
                margin-bottom: 20px;
            }
    
            th,
            td {
     
                text-align: center;
            }
    
            .add button {
     
                width: 100px;
                
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: "uncaught domexception: blocked" 的意思是“未捕获的DOM异常:被阻止”。这通常是由于浏览器的安全策略阻止了某些操作,例如跨域请求或访问受保护的资源。如果您遇到此错误,请检查您的代码是否符合浏览器的安全策略,并尝试使用其他方法来实现您的目标。 ### 回答2: uncaught domexception: blocked是一个常见的浏览器错误,它通常出现在运行JavaScript代码时。这个错误意味着JavaScript代码试图访问一个被浏览器所阻止的对象或资源。 在浏览器中,为了保护用户的隐私和安全,一些网站会禁止JavaScript访问某些资源,例如浏览器的历史记录或本地文件系统。当JavaScript代码试图访问被禁止的资源时,就会出现uncaught domexception: blocked错误。 解决这个错误通常需要改变代码或者调整浏览器的安全设置。 首先,可以尝试修改JavaScript代码,使其不再访问被禁止的资源。例如,如果JS代码试图访问历史记录,可以尝试使用不同的方法来跟踪用户的浏览历史。 其次,可以检查浏览器的安全设置,确保没有禁止JS代码访问需要的资源。例如,在Chrome浏览器中,可以打开“设置”菜单,进入“隐私和安全”选项卡,然后检查是否启用了“阻止第三方Cookie”或“防止跨站点跟踪”等选项。 最后,需要注意的是,有时候出现uncaught domexception: blocked错误可能是因为代码有一些错误或漏洞导致的。如果上述方法无法解决问题,可以检查代码是否存在问题,并尝试修复它们。 ### 回答3: uncaught domexception: blocked(未捕获的DOM异常:已被阻止)是一个常见的错误提示,通常出现在JavaScript程序中,特别是当试图从跨域iframe加载或访问一些资源时。 所谓跨域,是指当前页面的域名与iframe中所需要读取的资源所在的域名不一致。浏览器出于安全考虑会限制这种跨域访问,否则可能会被恶意的网站利用,从而对用户造成损失。 当我们从一个不同的域名下通过AJAX、iframe或img标签请求数据时,浏览器会进行跨域检查,如果检测到请求发起的域名与响应的域名不一致,浏览器会自动阻止相应的数据请求,同时抛出uncaught domexception: blocked的异常错误。 在JavaScript程序中,可以使用jsonp、postMessage等方式解决跨域请求的问题。 JSONP 通过网页添加一个必须是公开可访问且外部资源可读的回调函数来实现跨域数据的请求。postMessage是HTML5的API,可以在多个窗口、多个文档之间实现跨域通信。此外,也可以在响应头中添加Access-Control-Allow-Origin头来允许跨域访问。 总之,当我们在JavaScript程序中遇到uncaught domexception: blocked错误时,需要检查代码是否存在跨域请求,并使用合适的方法解决跨域问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值