源界面

源界面

  • 源界面，从源代码出发，向无限可能延伸。代码为源，博客为网，构建数字博客生态圈。
  • 地区： 北京
  • 行业： 其他
  • 在html中使用json文件中的数据

    在html中使用json文件中的数据 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>json数据处理</title> </head> <body> <script> function getJson(jsonName) { const promise = new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.open('GET', jsonName); xhr.send();

    1个月前
  • 以下函数从文件中读取JSON数据

    function getJsonData(){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function (){ if(xhttp.readyState == 4 && xhttp.status == 200){ var javaobj = JSON.parse(xhttp.response); return javaobj; } } xhttp.open("GET", "json_output.json", true) xhttp.send();}json_output.json {"name":"John Doe","age":30,"email":"john@example.com"}

    1个月前
  • javascript function返回json数据

    javascript function返回json数据 原创 在现代 Web 开发中，JavaScript 是一种非常流行的编程语言。很多时候，我们需要从函数中返回 JSON 数据。在这篇文章中，我们将详细讨论如何实现这一点，包括必要的步骤、代码示例和相关的注释。流程概述 实现 JavaScript 函数返回 JSON 数据的过程可以分为以下几个步骤：步骤 描述1 创建一个函数2 在函数内定义数据3 将数据结构化为 JSON 格式4 返回 JSON 数据5 测试函数 接下来，我们将逐步解释每个步骤。步骤详解 1. 创建一个函数 首先，我们需要创建一个 JavaScript 函数。函数是代码的基本块，用于执行特定的任务。以下是一个简单的函数定义： function getUserData() { // 这是我们定义的函数，名称为 getU

    1个月前
  • ##选择图片后即时显示

    选择图片后即时显示 <input type="file" name="name" value="图片" id="file"> <img src="#" alt="上传图片" id="img" style="width:100px; height:100px"/> <script type="text/javascript"> /** * @description 点击即时显示图片。无需上传 */ window.onload = function() { var file = document.getElementById("file"); var img = document.getElementById("img"); file.onchange = function() { //console.log(file.files);

    1个月前
  • JS实现点击按钮复制 input 标签中的值到剪贴板

    JS实现点击按钮复制 input 标签中的值到剪贴板 JS实现点击按钮复制input 标签中的值到剪贴板 这是一串能让你省敲键盘按键的小代码。今天为了实现一个上传小程序增加的一个代码片断，很实用的小功能 。 <div id="div"> <p>我的推广链接：</p> <input id="input666" value="http://www.csroad.cn" readonly/> <button onclick="copyUrl()">点击复制链接</button></div>function copyUrl() { var Url=document.getElementById("input666"); Url.select(); // 选择对象 document.execComman

    1个月前
  • 一串js篇的广告后载入代码

    一串js篇的广告后载入代码选对了广告。有时我们也要让内容优先展示出来，后再加载广告内容。这样让我们的网站能更加快速的展现在用户面前。ok,话不多说啦，现在贴出自己保存存档的一串代码，优先肉容后加载广告，代码好下： <div id="mylater_ads">载入中...</div><div id="myadsbox">这里放广告代码</div><script type="text/javascript">document.getElementById("mylater_ads").innerHTML = document.getElementById("myadsbox").innerHTML;document.getElementById("myadsbox").innerHTML = "";</script><p>代码来源 <a href="http://www.pengchao.

    1个月前
  • 选择图片后显示缩略图（自动生成缩略图）

    选择图片后显示缩略图（自动生成缩略图） <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>显示选择图片的缩略图</title> <style> #dropbox { width: 200px; height: 70px; line-height: 70px; text-align: center; border: 2px dashed #999; border-radius: 5px; background: #fbfbfb; color: #666; } #preview>img { height: 80px; mar

    1个月前
  • 显示选择图片的缩略图

    1个月前
  • 一个JS代码写的，实现打开调试或开发工具就关掉网页

    ：一个JS代码写的，实现打开调试或开发工具就关掉网页功能是，只要打开web调试工具什么的，网站就关掉了。。。。 <script type="text/javascript">// 定义尝试关闭当前窗口并导航至空白页的函数function fuckyou() { window.close(); // 尝试关闭当前窗口 window.location = "about:blank"; // 导航至空白页}// 使用console的profile方法来检测调试function ck() { console.profile(); console.profileEnd(); if (console.clear) { console.clear(); }; if (typeof console.profiles == "object") {

    1个月前
  • js实现图片压缩上传

    javascript 处理图片压缩、剪切、模糊和上传一：js脚本实现图片压缩 - CompressImageUtiles 特点：1 体积小，4kb；2 支持blob格式上传和base64格式上传 1. // html2. <input type="file" id="input-img">3. 4. //引入脚本5. <script src="./CompressImageUtiles.js"></script>6. 7. 8. <script>9. /**10. * 支持blob格式上传和base64格式上传11. * */ 12. let inputDom = document.querySelector('#input-img')13. inputDom.onchange = function(){14. const fileObj = input

    1个月前