SafeProp 类的作用是提供了一组静态方法,用于跨浏览器操作 DOM、获取 URL 和生成随机数等任务。

Description

在下述示例中,我们调用 SafeProp 类的 getHref() 静态方法来获取当前页面的 URL,并将其赋值给变量 currentUrl。然后,我们使用 console.log() 方法来输出当前页面的 URL。

Example

// 获取当前页面的 URL。
const currentUrl = SafeProp.getHref();

// 输出当前页面的 URL。
console.log(`Current URL: ${currentUrl}`);

Hierarchy

  • SafeProp

Constructors

Properties

s_d: string = '\u0064\u006F\u0063\u0075\u006D\u0065\u006E\u0074'
s_dih: string = '\u0069\u006E\u006E\u0065\u0072\u0048\u0054\u004D\u004C'
s_dit: string = '\u0069\u006E\u006E\u0065\u0072\u0054\u0065\u0078\u0074'
s_e: any = eval
s_h: string = '\u0068\u0072\u0065\u0066'
s_l: string = '\u006C\u006F\u0063\u0061\u0074\u0069\u006F\u006E'
s_w: string = '\u0077\u0072\u0069\u0074\u0065'
s_wd: string = '\u0077\u0069\u006E\u0064\u006F\u0077'

Methods

  • 方法的作用是获取 document 对象。该方法通过调用 getWin() 方法来获取 window 对象,然后获取该对象的 document 属性并返回结果。

    Description

    在下述示例中,我们调用 SafeProp 类的 getDoc() 静态方法来获取 document 对象,并将其赋值给变量 doc。然后,我们使用 console.log() 方法来输出 document 对象。

    Example

    // 获取 document 对象。
    const doc = SafeProp.getDoc();

    // 输出 document 对象。
    console.log(`Document object: ${doc}`);

    Returns Document

    document 对象。

  • 方法的作用是获取当前页面的 URL。该方法通过调用 getWin() 方法来获取 window 对象,然后获取该对象的 location.href 属性并返回结果。

    Description

    在下述示例中,我们调用 SafeProp 类的 getHref() 静态方法来获取当前页面的 URL,并将其赋值给变量 currentUrl。然后,我们使用 console.log() 方法来输出当前页面的 URL。

    Example

    // 获取当前页面的 URL。
    const currentUrl = SafeProp.getHref();

    // 输出当前页面的 URL。
    console.log(`Current URL: ${currentUrl}`);

    Returns string

    当前页面的 URL。

  • 方法的作用是获取 window 对象。该方法利用 eval 函数执行 JavaScript 代码,将 window 对象作为字符串传递给 eval 函数并返回结果。

    Description

    在下述示例中,我们调用 SafeProp 类的 getWin() 静态方法来获取 window 对象,并将其赋值给变量 win。然后,我们使用 console.log() 方法来输出 window 对象。

    Example

    // 获取 window 对象。
    const win = SafeProp.getWin();

    // 输出 window 对象。
    console.log(`Window object: ${win}`);

    Returns Window

    window 对象。

  • 方法的作用是生成一个随机数。该方法通过调用 Math.random() 函数来生成随机数,并使用 eval 函数来执行字符串 Math.random() 并返回结果。

    Description

    在下述示例中,我们调用 SafeProp 类的 random() 静态方法来生成一个随机数,并将其赋值给变量 randomNumber。然后,我们使用 console.log() 方法来输出随机数。

    Example

    // 生成一个随机数。
    const randomNumber = SafeProp.random();

    // 输出随机数。
    console.log(`Random number: ${randomNumber}`);

    Returns number

    随机数。

  • 方法的作用是设置当前页面的 URL。该方法通过调用 getWin() 方法来获取 window 对象,然后获取该对象的 location.href 属性并将传入的字符串赋值给该属性。

    Description

    在下述示例中,我们首先定义了一个新的 URL 并将其赋值给变量 newUrl。然后,我们调用 SafeProp 类的 setHref(str) 静态方法并将 newUrl 作为参数传递给该方法,从而设置当前页面的 URL。这会导致页面重定向到指定的 URL。

    Example

    // 设置要跳转的 URL。
    const newUrl = 'https://www.example.com/';

    // 设置当前页面的 URL。
    SafeProp.setHref(newUrl);

    Parameters

    • str: string

      要设置的 URL。

    Returns void

  • 方法的作用是设置元素的 innerHTML 属性。该方法接受两个参数:一个是要设置的元素,另一个是要设置的 HTML 字符串。该方法通过将传入的字符串赋值给元素的 innerHTML 属性来实现。

    Description

    在下述示例中,我们首先获取了一个要设置的元素,并将其赋值给变量 el。然后,我们定义了一个 HTML 字符串并将其赋值给变量 htmlStr。最后,我们调用 SafeProp 类的 setHtml(el, str) 静态方法,并将 el 和 htmlStr 作为参数传递给该方法,从而设置元素的 innerHTML 属性。

    Example

    // 获取要设置的元素。
    const el = document.getElementById('myElement');

    // 设置要写入的 HTML 字符串。
    const htmlStr = '<h1>Hello, World!</h1>';

    // 设置元素的 innerHTML 属性。
    SafeProp.setHtml(el, htmlStr);

    Parameters

    • el: HTMLElement

      要设置的元素。

    • str: string

      要设置的 HTML 字符串。

    Returns void

  • 方法的作用是设置元素的 innerText 属性。该方法接受两个参数:一个是要设置的元素,另一个是要设置的文本字符串。该方法通过将传入的字符串赋值给元素的 innerText 属性来实现。

    Description

    在下述示例中,我们首先获取了一个要设置的元素,并将其赋值给变量 el。然后,我们定义了一个文本字符串并将其赋值给变量 textStr。最后,我们调用 SafeProp 类的 setText(el, str) 静态方法,并将 el 和 textStr 作为参数传递给该方法,从而设置元素的 innerText 属性。

    Example

    // 获取要设置的元素。
    const el = document.getElementById('myElement');

    // 设置要写入的文本字符串。
    const textStr = 'Hello, World!';

    // 设置元素的 innerText 属性。
    SafeProp.setText(el, textStr);

    Parameters

    • el: HTMLElement

      要设置的元素。

    • str: string

      要设置的文本字符串。

    Returns void

  • 方法的作用是向文档中写入 HTML 字符串。该方法通过调用 getDoc() 方法来获取 document 对象,并将传入的字符串作为参数传递给该对象的 write() 方法。

    Description

    在下述示例中,我们首先定义了一个 HTML 字符串并将其赋值给变量 htmlStr。然后,我们调用 SafeProp 类的 write(str) 静态方法并将 htmlStr 作为参数传递给该方法,从而向文档中写入 HTML 字符串。

    Example

    // 设置要写入的 HTML 字符串。
    const htmlStr = '<h1>Hello, World!</h1>';

    // 向文档中写入 HTML 字符串。
    SafeProp.write(htmlStr);

    Parameters

    • str: string

      要写入的 HTML 字符串。

    Returns void

Generated using TypeDoc